🎨カラーミキサー

使い方

1. 1

   2色を選ぶ

   カラーピッカーまたはHEXコード（例: #FF0000）を直接入力して2色を選びます。

2. 2

   割合スライダーで比率を調整する

   スライダーを動かして2色の混合比率を変更します。左端がカラー1のみ、右端がカラー2のみです。

3. 3

   混合結果を確認してコピーする

   混合結果をHEXまたはRGB形式でコピーできます。グラデーションプレビューで0%〜100%の5段階を一覧確認できます。

よくある質問

色の混合はどのように計算していますか？

物理的に正確な結果を出すため、sRGB値を一度リニアRGB（物理的な光量）に変換してから加重平均を取り、再びsRGBに変換しています。単純にRGB値を平均するより自然な中間色が得られます。

HEXコードを直接入力できますか？

はい。「#1D3D5E」のように#付きの6桁のHEXコードをテキストフィールドに入力できます。カラーピッカーとリアルタイムで連動しています。

グラデーション生成にも使えますか？

はい。5段階グラデーションプレビューで0%・25%・50%・75%・100%の中間色を一覧できます。CSSのgradient生成には「CSSグラデーション生成ツール」もお試しください。

透明度（アルファ）の混合はできますか？

現在このツールはRGB（不透明色）の混合のみ対応しています。アルファチャンネル（透明度）の混合には対応していません。