CSS3

CSS関数

color-mix()

  編集:2022.07.09 by T.A.

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

色の混合法。

所与の色空間<color-space>)内で指定した量により混合した結果を返す。

color-mix(<color-interpolation-method>, [<color> && <percentage[0,100]>?]#{2})
<color-interpolation-method>
=in <rectangular-color-space>
| in <polar-color-space> <hue-interpolation-method>?

<color-space> が指定されていない場合、lch 色空間内で混合される。xyz 色空間は、D50 白色点を伴う CIE XYZ であり、光強度に対し線形な空間内での算出を許容する。

<color-space> は、レベル 4 による color() 関数用の 定義済み色空間 を指定するキーワードとは別個な集合を成すことに注意。】

¶以下省く

この例は、peru 40%、palegoldenrod 60% による混合を生産する。
color-mix(in lch, peru 40%, palegoldenrod)

¶省く

<IMG src="Com/Ahiru.png" style="border:1px solid red; width:200px; height:200px;
 background-color:#afa;
 background:color-mix(in lch, peru 40%, palegoldenrod) ;
">
¶?


テスト
HTML:

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

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: