CSS

A function that lets you define colors precisely using advanced color spaces.

color()

color() 関数は、より自由で正確な色指定ができる新しい方法です。

たとえば「赤」や「青」などの単純な名前や16進数だけでなく、「色空間(例:srgb, display-p3)」と「数値(010%100%)」を使って、色の鮮やかさや明るさを細かくコントロールできます。

将来の高画質ディスプレイにも対応しやすく、柔軟な色指定が可能になります。

CSS

color: color(srgb 0.4 0.6 0.2); /* R,G,Bを0〜1で指定 */
color: color(display-p3 1 0 0); /* 高色域ディスプレイ対応の赤 */