A function that lets you define colors precisely using advanced color spaces.
color()
関数は、より自由で正確な色指定ができる新しい方法です。
たとえば「赤」や「青」などの単純な名前や16進数だけでなく、「色空間(例:srgb
, display-p3
)」と「数値(0
〜1
や0%
〜100%
)」を使って、色の鮮やかさや明るさを細かくコントロールできます。
将来の高画質ディスプレイにも対応しやすく、柔軟な色指定が可能になります。
CSS
color: color(srgb 0.4 0.6 0.2); /* R,G,Bを0〜1で指定 */
color: color(display-p3 1 0 0); /* 高色域ディスプレイ対応の赤 */