AbraCalc

カラーミキサー

二つのHEXカラーを調整可能な比率でブレンドして、混合されたHEXカラーを得られる無料ツールです。

このツールをサイトに埋め込む
このツールを引用する

APA

AbraCalc. (2026). カラーミキサー [Online calculator]. Retrieved from https://abracalc.com/ja/color-mix/

BibTeX

@misc{abracalc-color-mix, author = {AbraCalc}, title = {カラーミキサー}, year = {2026}, howpublished = {\url{https://abracalc.com/ja/color-mix/}} }

このツールは役に立ちましたか?

このツールの使い方

  1. 二つのHEXカラーを入力してください。
  2. カラー1の比率を設定します(0% = カラー2のみ、100% = カラー1のみ、50% = 均等ミックス)。
  3. 出力にブレンドされたHEXとRGB値が表示されます。

RGBカラー空間での線形補間により、二つのHEXカラーをなめらかに混ぜ合わせます。比率を調整して各色の寄与度をコントロールできます。

計算式

Given two colors C1 = (R1, G1, B1) and C2 = (R2, G2, B2) and a weight w (0–100%) for Color 1:

Rmix = R1 × (w/100) + R2 × (1 − w/100)

Gmix = G1 × (w/100) + G2 × (1 − w/100)

Bmix = B1 × (w/100) + B2 × (1 − w/100)

Each channel is rounded to the nearest integer and clamped to 0–255 before being converted to hex.

よくある質問

ミキシングはどのように計算されますか?
各RGBチャンネルは線形補間されます:結果チャンネル = カラー1チャンネル × 比率 + カラー2チャンネル × (1 − 比率)。
なぜ赤+青は正確にマゼンタにならないのですか?
純粋な赤は#ff0000、純粋な青は#0000ffです。RGBチャンネルを50/50で平均すると#800080(128,0,128)というダークパープルになり、#ff00ffにはなりません。#ff00ffを得るには両チャンネルを同時にフル強度にする必要があり、これはチャンネル平均ではなく加法(光の)混色が必要です。

参考文献と出典