2色カラーブレンダー・混色計算機

2色カラーブレンダー・混色計算機

ローカル処理

2つの色を指定した比率で線形補間し、中間の混色カラーを正確に算出します。

使い方と処理基準

2つの色を指定した比率で線形補間し、中間の混色カラーを正確に算出します。

ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。

処理制限

  • 最大入力文字数: 100,000文字

色Aと色B、Bの比率(0〜1)を決めると、RGBの各チャンネルをその比率で混ぜた色をHEX・RGB・HSLなどで表示します。グラデーションの中間色やホバー色を作るときに便利です。

できること

比率で混合
0は色A、1は色B、その間は混ざった色です。
複数の表記
結果をHEX・RGB・HSL・HSV・CMYKで表示します。

2色カラーブレンダー・混色計算機の使い方

  1. 1
    2色を選ぶ色Aと色Bを選びます。
  2. 2
    比率を決めるBをどれだけ混ぜるか0〜1で入れます。
  3. 3
    コピー混ぜた色のコードをコピーします。

活用例

赤 + 青を半分ずつ
入力: #ff0000 + #0000ff、0.5
結果: #800080、rgb(128, 0, 128)
白に黒25%
入力: #ffffff + #000000、0.25
結果: #bfbfbf、rgb(191, 191, 191)

主な利用シーン

  • ボタンのホバー色・無効色を基本色から作るとき
  • 2つのブランドカラーの中間色を探すとき

よくある質問 (FAQ)

絵の具のように混ざりますか?

いいえ。画面の光(RGB)を混ぜる方式なので、赤 + 緑は茶色ではなく暗い黄色系になります。

このツールへのご意見・ご要望はありますか? 提案・お問い合わせ →