カラーミキサー

2色を任意のブレンド比率で混合。HEX、RGB、HSL形式でリアルタイムプレビュー付きで結果を確認。無料のオンラインカラーミキサー。

Mixed Color
HEX
#A855A4
RGB
HSL

使い方

  1. カラーピッカーを使うか、HEXコードを直接入力して最初の色を選びます。
  2. 同じ方法で2番目の色を指定します。
  3. スライダーで混合比率を調整します — 例えば50%に設定すると2色が均等に混ざります。
  4. リアルタイムのプレビューでHEX、RGB、HSL形式の結果を確認します。
  5. 必要なカラーコードをコピーして、デザインツールやコードエディタにそのまま貼り付けます。

例

入力: 色1: #FF0000（赤）、色2: #0000FF（青）、混合比率50/50
結果: HEX: #800080 | RGB(128, 0, 128) | HSL(300°, 100%, 25%)

よくある質問

ツールは選択した比率に基づいて、2色のRGB値を線形補間します。50/50の場合、各チャンネルの値は2つの入力値の平均になります。

はい。すべての処理はお使いのブラウザ内でクライアントサイドで完結します。データがサーバーに送信されることは一切ありません。

HEXコードを入力するか、カラーピッカーで視覚的に色を選択できます。結果は常にHEX、RGB、HSLの3形式で表示されます。

はい、完全無料でご利用いただけます。登録やサインアップも不要です。

デジタル混色は加法混色（RGBモデル）を使用しており、絵の具などの物理的な色は減法混色モデルを使用しています。そのため結果が異なる場合があります。