lch()
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
lch()
関数記法は、指定された色を LCH 色空間で表現するものです。これは lab()
と同じ L 軸を持っていますが、極座標の C (彩度)と H (色相)を使用します。
構文
css
lch(29.2345% 44.2 27);
lch(52.2345% 72.2 56.2);
lch(52.2345% 72.2 56.2 / .5);
値
- 関数記法:
lch(L C H [/ A])
-
L
は CIE 明度を表し、黒を表す0%
と白を表す100%
の間の<percentage>
であることを指定します。2 つ目の引数
C
は彩度(おおよそ「色の量」を表します)です。その有益な最小値は 0 であり、最大値は理論的には無制限です(ただし、実際には 230 を超えることはありません)。3 つ目の引数
H
は色相角です。0deg
は正の a 軸に沿って(紫がかった赤に)、90deg
は正の b 軸に沿って(マスタードイエローに)、180deg
は負の a 軸に沿って(緑がかったシアンに)、そして270deg
は負の b 軸に沿って(スカイブルーに)点を取ります。A
(アルファ)は<number>
で0
から1
の間、または<percentage>
で1
から100%
(完全に不透明)の間で、この色の透明度(またはアルファチャネル)を表します。
仕様書
Specification |
---|
CSS Color Module Level 4 # lab-colors |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- LCH colors in CSS: what, why, and how?
- Safari Technology Preview 122 release notes:
lch()
およびlab()
の色を含みます。