色を混ぜるシミュレーション2色を割合で混ぜた色をプレビュー

2つの色と混ぜる割合を指定すると、混ぜた色をその場でプレビューできます。結果はHEXとRGBの両方で表示されるので、Webデザインの配色決めなどにそのまま使えます。

  • 色を混ぜるシミュレーション
  • 色 混ぜる
  • 混色
  • カラーシミュレーション
色1
混ぜた色
色2
混ぜた色#800080
  • RGBrgb(128, 0, 128)

色を混ぜるシミュレーションの使い方

  1. 色1と色2を、カラーピッカーで選ぶか、#RRGGBB のカラーコードで入力します。
  2. スライダーで色2の割合を調整すると、混ぜた色がリアルタイムに変わります。

混色の計算の考え方

混色は、RGBの各成分(赤・緑・青 0〜255)を割合で加重平均して計算します。たとえば色2の割合が50%なら、成分ごとに (色1 + 色2)÷ 2 です。画面の色(加法混色)の数値計算であり、絵の具の混色(減法混色)とは結果が異なります。

よくある質問

絵の具の混色と結果が違いますか?

違います。このツールは画面の色(光の三原色RGB)の数値的な平均で計算します。絵の具やインクの混色(減法混色)は仕組みが異なり、たとえば青い絵の具と黄色い絵の具を混ぜると緑になりますが、RGBの平均では別の色になります。

カラーコードはどの形式に対応していますか?

#RRGGBB の6桁の16進数形式に対応しています。カラーピッカーから色を選ぶことも、そのままコードを入力することもできます。

3色以上は混ぜられますか?

このツールは2色用です。3色の場合は、まず2色を混ぜた結果のコードを控えて、それを次の1色としてもう1色と混ぜると、順に混ぜていくことができます。

関連する計算ツール

最終更新日: