LCHは、UIにベストなカラースペース｜hirotoarakawa

Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度

[cu39]

色相だけを変えた別色を並べると、ある種の色弱・色盲の人が区別しづらくなりやすいというのは注意がいるかも。

[efcl]

"LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。"

[otchy210]

ほえー、なるほど。色相変えてもコントラスト変わらないの凄い良いな。CSS に導入されたらボタンやラベルのバリエーションが機械的に作り放題や。

[yarumato]

“LCHは、Lightness明度、Chroma彩度、Hue色相の略。CIELABとも呼ぶ。異なる色相・同じ明度のカラーが、同じコントラスト比（白黒にしたとき同じ色）になるため、色を簡単に変更できる。データビジュアライズや色テーマ向き”

[peketamin]

“LCHでは、異なる色相・同じ明度のカラーが、同じコントラスト比になる。そのため、アクセシビリティの考慮が簡単。”

[brightsoda]

>coluli あなたの言ってるのは明度じゃなくて輝度です　https://alicemix.com/kido/

[coluli]

ん？ 明度を揃えて色相を変えたら彩度は大幅に変わるよ？（鮮やかな黄色は明るいし、鮮やかな青は暗い）　彩度も近似させようと思ったら枯れた色しか使えない……。

[Falky]

ふむ

[m0t0m0t0]

LCH