カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった｜よつくら

テクノロジーカテゴリーの変更を依頼記事元:

note.com/yotsukura

29 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

yarumato “色相がことなってもコントラスト比が一定（Photoshopでグレースケールに変換すると同値）になる設計。HSL/HSBカラーモデルは異なる色相同士のコントラスト比を一定にはしない。OKLCHカラースペースはすでにCSS仕様に採択”

2024/07/25 リンク

yo_waka OKLCHカラースペース

2024/07/24 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった｜よつくら

株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンド... 株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンドパッドで運用しているデザインシステムの、網羅的なカラーパレットを作成しなおしました。今回、カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だったので紹介します。網羅的なカラーパレットのコントラスト比を揃える前回カラーパレットを作成したとき、1段階目の網羅的なカラーパレットと、2段階目の意味を持ったカラーパレットを作成しました。そのときの学びは下記のnoteにまとまっています。 1段階目の網羅的なカラーパレットについて、色相の異なる色同士で同じコントラスト比を保っておいた方が、UIコンポーネントを作成するときに便利です。毎回コントラスト比の計算で悩むのは嫌だ例えば上の図のように、いろいろな色で使えるタグコンポーネントを設計するときのことを考えてみましょう。こ

ブックマークしたユーザー

eureka0422024/10/21
sagaraya2024/08/02
puzzeljp2024/07/30
sakimoridotnet2024/07/27
yamashita_htb2024/07/26
o_hiroyuki2024/07/26
masayuki-as2024/07/25
ichi24102024/07/25
makopy_inside2024/07/25
yarumato2024/07/25
yuiseki2024/07/25
sbtqe2024/07/25
cucumisin2024/07/25
triceratoppo2024/07/24
sdnhira22024/07/24
yo_waka2024/07/24
mura_22024/07/24
kudakurage2024/07/24

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx