CSS

A color notation that allows natural control over lightness, chroma, and hue.

lch()

CSSのlch()は、色を人間の視覚に近い形で指定できる新しい方法です。

従来のrgb()やhsl()では、「明るさ」や「色の強さ（鮮やかさ）」を正確にコントロールするのが難しいことがありました。lch()はそれを解決します。

L（Lightness）

どれくらい明るいか（0〜100）

C（Chroma）

どれくらい鮮やかか（0以上）

H（Hue）

色相（色味の角度、0〜360度）

例えば：

color: lch(70% 50 30);

これは「やや明るめで、少し鮮やかなオレンジっぽい色」を意味します。

特徴は以下の通りです：

• 実際の人の目にとって自然に見える色を作りやすい
• デザイン全体の一貫した明るさや彩度を保ちやすい
• アクセシビリティやテーマカラーの調整にも便利

たとえば暗い背景でも、lchを使えば明度だけ変えて視認性を保つことができます。