カラーミキサー

正確なRGB混合の仕組み

このツールは、2つの不透明なRGB色を、ガンマ符号化されたsRGB空間で線形補間します。各チャンネル（赤、緑、青）は次の式で計算されます。

結果 = 最初の色 × (1 - 比率) + 2番目の色 × 比率

比率は0から1の範囲で、スライダーのパーセント値を100で割ったものです。計算後、各チャンネルは最も近い整数に丸められ、HEXコードに変換されます。

実際の例

#2563EB（赤37、緑99、青235）と#F97316（赤249、緑115、青22）を50%で混ぜると:

• 赤: 37×0.5 + 249×0.5 = 143 → 0x8F
• 緑: 99×0.5 + 115×0.5 = 107 → 0x6B
• 青: 235×0.5 + 22×0.5 = 128.5 → 129（四捨五入）→ 0x81

結果は#8F6B81です。この中間色は、知覚的な色空間（LabやOKLab）での混合とは異なる場合があることに注意してください。

制限事項

• アルファ値（透明度）やグラデーションには対応していません。
• 3色以上の混合や物理的な絵の具の混合はできません。
• 処理はすべてブラウザ内で行われ、入力した色がサーバーに送信されることはありません。

よくある質問

比率を0%や100%にするとどうなりますか？

0%にすると最初の色がそのまま出力され、100%にすると2番目の色が出力されます。範囲外の値は自動的にクランプされます。

結果の色を手動で編集できますか？

生成された色は詳細パネルで編集できますが、それは表示上の変更であり、元の2色や混合比率には影響しません。

このツールは色覚の異なる人向けのシミュレーションを提供しますか？

いいえ、このツールは単純なRGB混合のみを行い、色覚シミュレーションやアクセシビリティチェックは含まれていません。