CSS color-mix() ジェネレーター

CSS color-mix()とは？

color-mix()は2つの色を指定した比率で混合する新しいCSS関数です。 従来はSassなどのプリプロセッサが必要だった色の混合が、ネイティブCSSで可能になりました。

色空間（srgb、oklch、oklabなど）を選択することで、異なる混合結果を得られます。 oklchやoklabは人間の視覚により近い色空間として注目されています。