CSS3

CSS関数

lab()

  編集:2022.07.09 by T.A.

[Edge]⛌?。→mdn(en-US)mdn

色指定。

lab(
 [<percentage> | <number> | none]
 [<percentage> | <number> | none]
 [<percentage> | <number> | none]
 [ / [<alpha-value> | none] ]?
)
<percentage> | <number> | none 1 個目
CIE 明度(“L”)を指定する。これは概して、0%(black を表現する)~ 100%(white を表現する)に入る百分率である。しかしながら、システムによっては、CIE 明度は、この範囲を超過し得る ― 400% までの明度を利用した余分に明るい white で。0% 未満の値は、算出値の時点で 0% に切り詰めるものとする。100% を超える値も許可される(HDR(High Dynamic Range)との前方互換性を得るため、100% に切り詰めないものとする)。
<percentage> | <number> | none 2、3個目
2 個目、3 個目の引数は、順に Lab 色空間における a 軸、b 軸方向の距離を与える。これらの値は、有符号であり、理論的には上限も下限もない(が、実施においては、±160 を超過しない)。
<alpha-value>
alpha 値。rgb() における <alpha-value> と同じに解釈される。
none
<SPAN style="color:lab(29.2345% 39.3825 20.0664)">■テスト</SPAN><BR>

:lab(29.2345% 39.3825 20.0664);
:lab(52.2345% 40.1645 59.9971);
:lab(60.2345% -5.3654 58.956);
:lab(62.2345% -34.9638 47.7721);
:lab(67.5345% -8.6911 -41.6019);
RGB 色から Lab 色への変換法

¶説明省く

Lab 色から RGB 色への変換法

¶説明省く

CMYK 色から Lab 色への変換法

¶説明省く

Lab 色から CMYK 色への変換法

¶説明省く

Lab 色から LCH 色への変換法

¶説明省く

LCH 色から Lab 色への変換法

¶説明省く


テスト
HTML:

ここに表示
¶[Edge]✖
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: