2色・3色のHEXと比率を入力すると、中間色がすぐ更新されます。計算方法も切り替えられます。
比率は自動的に合計100%へ正規化して計算します。
HEX#A65EA5
RGBrgb(166, 94, 165)
HSLhsl(301, 29%, 51%)
2色の間をグラデーションで見る
色Aから色Bまでを5段階で確認できます。
sRGBとLinear RGBの結果を比較
同じ2色でも、計算方法によって中間色は変わります。 Web上の単純な色補間ではsRGB値をそのまま補間する方法がよく使われます。 Linear RGBはsRGBのガンマを外し、線形光量として補間してから戻します。
カラーコードを混ぜるとは？
HEXカラーコードは、画面上のRGB値を16進数で表したものです。 このツールでは複数のRGB値を指定比率で数値補間し、新しいデジタル色を計算します。 たとえば2色を50%ずつにすると、それぞれの色の中間に相当する色を求められます。
「絵の具を混ぜる」のとは結果が違います
このツールが計算するのはデジタルRGBの混色です。 絵の具・インク・染料・塗料の物理混色は、顔料や染料の吸収・反射スペクトル、 濃度、下地、照明などに左右されるため、HEX値の平均だけでは再現できません。
バースデーカラーを混ぜたい場合
2人分のバースデーカラーなど、すでにHEXコードが分かっている色もそのまま入力できます。 50%・50%なら同じ比率、70%・30%のように比率を変えれば、どちらかの色を強く反映した結果も試せます。 なお、ここで得られるのはデジタル上の混色結果であり、占いや性格判断を示すものではありません。
3色を混ぜるときの考え方
3色モードでは各色の比率を指定できます。入力した比率の合計が100でなくても、 ツール側で合計100%になるよう正規化して計算します。 3色を同じ強さで混ぜたい場合は、3つの比率を同じ値にしてください。
関連ツール
よくある質問
HEXカラーを50%ずつ混ぜるとどうなりますか？
2色のRGB成分を同じ比率で補間します。ただし、sRGB補間とLinear RGB補間では結果が異なる場合があります。
3色を混ぜることもできますか？
できます。3色モードに切り替え、それぞれの比率を指定してください。
絵の具や塗料の配合比を計算できますか？
できません。このツールはデジタルRGBの数値補間用です。実物の顔料・塗料の調色には専用の測色・調色条件が必要です。
2色・3色のカラーコードを混ぜて結果を見る
HEXカラーコードを入力して、2色・3色を指定比率で混ぜた中間色を確認できます。50%ずつ、70%・30%など比率を変えながらシミュレーションできます。
色を混ぜると何色？よくある2色を50:50で試す
下の結果はsRGB値を50%ずつ数値補間したデジタル色です。絵の具・塗料・インクの物理的な混色結果ではありません。カードを押すと、その2色を上のシミュレーターへセットして比率や計算方法を変えられます。
画面上のRGB値を混ぜる計算と、絵の具・顔料を実際に混ぜる減法混色では仕組みが異なります。このページの表とツールはデジタル色の計算用です。絵の具の色作りをそのまま再現する表ではありません。
色を混ぜるシミュレーションについてよくある質問
2色を混ぜると何色になりますか？
2色のHEXを入力すると、指定した比率でRGB値を補間した結果を確認できます。50%ずつなら2色の中間に相当するデジタル色になります。
3色を混ぜるシミュレーションもできますか？
はい。3色モードへ切り替え、それぞれの比率を指定して結果を確認できます。
色を混ぜるサイトとして無料で使えますか？
はい。ブラウザ上でカラーコードを入力して混色結果を確認できます。
絵の具を混ぜた結果と同じですか？
同じではありません。このツールはデジタルRGBの数値計算です。絵の具・塗料・インクは顔料や下地、光などの条件で結果が変わります。
バースデーカラーを2人分混ぜられますか？
2人分のバースデーカラーのHEXが分かれば、それぞれを入力して50%ずつなど任意の比率で混ぜられます。