カラーミキサー

2つの色を混ぜて正確なブレンドを得る

2つの色を選び、スライダーをドラッグしてそれぞれをどれだけ混ぜるかを設定すると、結果の16進数コードがすぐに表示されます。スライダーは0%（すべて色A）から100%（すべて色B）まで動き、中央では50/50の均等なブレンドになります。大きなスウォッチは調整に合わせてその場で更新され、コピーボタンを押すと16進数値がクリップボードにコピーされるので、CSSやデザインツール、パレットに直接貼り付けられます。

ブレンドはRGB空間でのシンプルなチャンネルごとの線形補間で計算されます。赤・緑・青の各チャンネルが選んだ比率に応じて平均され、最も近い整数に丸められます。これは多くのデザインソフトが基本的な2色混合に使う計算と同じです。すべてはブラウザ内でローカルに処理され、色や値が外部に送信されることはありません。

よくある質問

比率スライダーは何をしますか？ 色Aにどれだけ色Bを混ぜるかを設定します。0%では色Aそのもの、100%では色B、50%では両者の均等な混合になります。

色はどのように混ざりますか？ 各RGBチャンネルが選んだ比率で2色の間を線形補間して丸められるため、結果はスライダーで重み付けされた平均になります。

なぜ赤と青を混ぜると茶色ではなく紫になるのですか？ このツールは画面と同じく光（加法RGB）を混ぜるため、赤と青は紫になります。絵の具の物理的な混合は減法で、挙動が異なります。