カラーミキサー：2色を混ぜて結果を確認

選んだ比率に従って、色の各成分を補間します。RGBモードでは赤・緑・青のチャンネルを平均し、知覚モード（OKLab）ではOKLabの明度と2つの色軸を補間するため、より均一な移り変わりになります。

絵の具なら緑です。画面上でRGBで50%ずつ混ぜると、ニュートラルなグレー（純粋な青と黄色なら#808080）になります。光は加法混色で、チャンネルが打ち消し合うためです。緑が必要なら中間色として加えてください。

紫です。純粋な赤と青をRGBで50%ずつ混ぜると#800080になり、知覚モードではより明るい紫になります。青の比率を上げるほど、寒色寄りになります。

ブラウザ上で2色を直接混ぜるネイティブのCSS関数です。例：color-mix(in srgb, #E53935 50%, #1E88E5)。すべてのモダンブラウザで動作します。このツールはそのコードに加え、固定値が必要な場合に備えて同等のHEXカラーも生成します。

はい。グラデーションタブで、カラーA、混色、カラーBをつなぐlinear-gradient()を生成できます。ストップを増やしたい場合や放射・円錐グラデーションが必要な場合は、グラデーションジェネレーターを使ってください。

色相環は、色彩理論のルールに従って1つのベースカラーから関連する色を計算します。カラーミキサーは、選んだ2つの具体的な色を組み合わせて、その中間点を計算します。パレット全体ではありません。

ステップはAとBの間のスケールの色数（3〜12）を決めます。バランスはそれらの色をどちらかの色に寄せるもので、カラーAやカラーBの近くに多くのニュアンスがほしいときに便利です。スケールの色をクリックするとコピーできます。