CSS3

CSS関数

oklab()

[Edge]⛌？。→●、mdn

OKLab 色指定。

<percentage> | <number> | none 1個目の引数

OKLab 明度（“L”）を指定する。これは概して、0%（black を表現する）～ 100%（white を表現する）に入る百分率である。

0% 未満の値は、算出値の時点で 0% に切り詰めるものとする。100% を超える値は、前方互換性を得るため許可され、100% に切り詰めないものとする。

明度が 0% の場合、［a、b］両成分とも無力になる。

<SPAN style="color:oklab(40.101% 0.1147 0.0453);">■テスト</SPAN>

¶

<SPAN style="color:oklab(50% 0.5 0);">■テスト</SPAN>

¶

<percentage> | <number> | none 2、3個目の引数

値する引数（“a”、“b”）は、順に OKLab 色空間における a 軸、b 軸方向の距離を与える。これらの値は、有符号であり、理論的には上限も下限もない（が、実施においては、±0.5 を超過しない）。

[ / [<alpha-value> | none] ]? 4番目の引数

alpha 値を示す <number>。rgb() における <alpha-value> と同じに解釈される。

0～1 ？。

none ●

oklab(40.101% 0.1147 0.0453);
oklab(59.686% 0.1009 0.1192);
oklab(65.125% -0.0320 0.1274);

テスト