印刷の色を画面で見せたい？CMYKをRGBに変換すると、インク割合の光ベースでの等価色が得られ、モニターやモックアップ、ウェブページで表示できる値になる。
CMYK から RGB への変換のしくみ
- 4つのパーセンテージを、Coated FOGRA39プロファイルにおけるインク量として扱う。
- そのインクの組み合わせについてプロファイルが印刷する色を読み取る。マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。
- その色をsRGBに変換する。画面で表示できない色は、表示できる最も近い値に切り詰める。
- 各チャネルを0〜255の整数に丸める。
実際の例
CMYK cmyk(0%, 95%, 36%, 0%)=RGB rgb(231, 33, 99)
RGBの結果は、標準のCoated FOGRA39プロファイルで塗工紙に印刷したとき、このインクの組み合わせがどう見えるかを示す。他のCMYKプロファイル（印刷所のものなど）では数値が異なり、印刷物がディスプレイのように発光することはない。
CMYK と RGB の解説
CMYK とは？
CMYK は印刷で使われる4色インクのモデル：シアン、マゼンタ、イエロー、キー（黒）で、それぞれ 0–100% の割合で表す。インクは光を吸収するので発光する画面より扱える色域が狭く、画面で鮮やかな色は印刷するとくすんで見えることがある。
- 構文:
- cmyk(C%, M%, Y%, K%)
- 範囲:
- インクごとに 0–100%
- おすすめ用途:
- 印刷、パッケージ、入稿データ
RGB とは？
RGB は赤・緑・青の3つの光のチャネルで色を表し、それぞれ 0〜255 の値を取る。画面の仕組みをそのまま反映しており、3つすべてが255で白、すべてが0で黒になる。色で計算する必要がある場合は RGB が適切で、rgba() を使えば透明度も追加できる。
- 構文:
- rgb(R, G, B)
- 範囲:
- チャネルごとに 0–255
- おすすめ用途:
- コード、canvas、rgba() を使った透明度
CMYK から RGB への参照表
よく使われる CSS の色を CMYK から RGB に変換しました。
| 色 | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |
よくある質問
4つのパーセンテージを、Coated FOGRA39プロファイルにおけるインク量として扱う。 そのインクの組み合わせについてプロファイルが印刷する色を読み取る。マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。 その色をsRGBに変換する。画面で表示できない色は、表示できる最も近い値に切り詰める。 各チャネルを0〜255の整数に丸める。
RGBの結果は、標準のCoated FOGRA39プロファイルで塗工紙に印刷したとき、このインクの組み合わせがどう見えるかを示す。他のCMYKプロファイル（印刷所のものなど）では数値が異なり、印刷物がディスプレイのように発光することはない。
RGB は赤・緑・青の3つの光のチャネルで色を表し、それぞれ 0〜255 の値を取る。画面の仕組みをそのまま反映しており、3つすべてが255で白、すべてが0で黒になる。色で計算する必要がある場合は RGB が適切で、rgba() を使えば透明度も追加できる。
できるよ。入力欄のそばにある入れ替えボタンで RGB → CMYK のコンバーターに切り替えられる。同じ仕組みで動くし、どちらの方向も同じ数式を逆に適用するだけだよ。
印刷物のオンスクリーン用モックアップを作るならRGBに変換して見せつつ、ファイル内には元のCMYK値を残しておくと印刷所が扱いやすい。