A function that blends two colors at your chosen ratio to create a new one.
color-mix()は、2つの色を好きな割合で混ぜて新しい色を作るための関数です。
使い方はとてもシンプルで、混ぜる色と割合を指定するだけです。
例えば、
CSS
color: color-mix(in srgb, red 70%, blue 30%);このように書くと、「赤70%＋青30%」で作られた紫っぽい色が表示されます。
in srgb は「どの色空間で混ぜるか」を指定する部分です（一般的には srgb でOK）。
2色を混ぜる割合は、%で自由に決められます。
使うことで、テーマカラーやグラデーションの調整がより柔軟になります。