色を混ぜるシミュレーション｜CMYK色合成

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

1. 色Aと色Bをカラーピッカー、またはHEXカラーコードで指定します。
2. スライダーで混合比率を調整します。0%では色A、100%では色Bと同じ結果になります。
3. Webの中間色ならsRGB、光の見え方なら光のRGB、CMYK色合成の目安ならCMYK近似を選びます。
4. 結果のHEX、RGB、HSL、CMYK近似値をコピーし、CSSやデザイン資料で使います。

RGB・光・CMYK色合成の違い

同じ2色でも、混ぜ方によって結果は変わります。画面の色は光、印刷物や絵具は色材で表現されるため、1つの計算だけで両方を完全に再現することはできません。このツールでは目的に合わせて3方式を切り替えられます。

入力と出力の例

代表的な組み合わせを押すと、入力色とおすすめ方式をすぐ試せます。たとえば赤と青をsRGBで50%ずつ混ぜると紫系、青と黄色をCMYK近似で混ぜると緑系の結果になります。ただし、絵具の商品ごとの顔料差や透明度までは計算しません。

精度と限界

このカラーミキサーは、画面上で色の方向性とカラーコードを比較するためのシミュレーションです。CMYK近似は一般的な変換式で各チャンネルを平均しており、実際の印刷結果を保証しません。印刷データでは用紙、インキ、総インキ量、ICCプロファイル、印刷機の条件によって色が変わります。最終入稿前はRGB⇔CMYK変換ツールで数値を確認し、必要に応じて印刷会社の色校正を利用してください。

Webカラーの色空間や混色仕様を確認したい場合はW3C CSS Color Module、デバイス間の色管理とプロファイルについてはInternational Color Consortiumの資料が参考になります。

このページは2色を混ぜて新しい色を作るためのツールです。調和する3色から5色を探す場合はカラーパレット ジェネレーター、文字色と背景色の読みやすさを調べる場合はコントラスト比 チェッカーが適しています。