CSS3

CSS関数

lch()

[Edge]⛌？。→●、mdn

LCH色指定：。

<percentage> ○

CIE 明度（“L”）を指定し、lab() のそれと同じに解釈される。

<number> ○

色度（“C”）を与える（概ね、“色の含有量”を表現する）。その有用な最小値は 0 である一方、その最大は理論的には上限も下限もない（が、実施においては、230 を超過しない）。供された値が負である場合、算出値の時点で 0 に切り詰められる。

<hue>

色相（“H”）角度を与え、hsl() の <hue> 引数と同様に解釈されるが ― 知覚的に均等に分布するので ― 角度は同じ仕方では対応付けられず、次のようになる：

0deg は正な a 軸（purplish red へ向かう）、
90deg は正な b 軸（mustard yellow へ向かう）、
180deg は負な a 軸（greenish cyan へ向かう）、
270deg は負な b 軸（sky blue へ向かう）

<SPAN style="color:lch(50% 50 0%);">■テスト</SPAN><BR>
<SPAN style="color:lch(100% 50 0%);">■テスト</SPAN><BR>

¶

省略可能な 4 個目の引数として、スラッシュで分離した後に alpha 値もとれ、rgb() における <alpha-value> と同じに解釈される。

RGB 色から Lab 色への変換法

¶説明省く

Lab 色から RGB 色への変換法

¶説明省く

CMYK 色から Lab 色への変換法

¶説明省く

Lab 色から CMYK 色への変換法

¶説明省く

Lab 色から LCH 色への変換法

¶説明省く

LCH 色から Lab 色への変換法

¶説明省く

テスト