RGBは光の加法混色、CMYKはインクの減法混色。画面デザインを印刷に回す際はこの変換が必須のステップになる。
RGB から CMYK への変換のしくみ
- R、G、Bを0〜255のsRGB値として読み取る。
- 色をCoated FOGRA39プロファイルで照合する。ヨーロッパの塗工紙向けの標準ICCプロファイルである。
- マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。これにより白は紙の白のまま保たれ、黒は印刷機で印刷できる最も濃いインクに対応する。
- 4つの値をすべて0〜100のパーセンテージに変換する。
実際の例
RGB rgb(52, 73, 94)=CMYK cmyk(82%, 62%, 42%, 35%)
これは標準のCoated FOGRA39プロファイルを使う。印刷所は独自のICCプロファイルとインクの上限を使うため、他のCMYKプロファイル（印刷所のものなど）では数値が異なる。結果は確かな参考値として扱う。そのまま印刷に使える色分解ではない。
RGB と CMYK の解説
RGB とは？
RGB は赤・緑・青の3つの光のチャネルで色を表し、それぞれ 0〜255 の値を取る。画面の仕組みをそのまま反映しており、3つすべてが255で白、すべてが0で黒になる。色で計算する必要がある場合は RGB が適切で、rgba() を使えば透明度も追加できる。
- 構文:
- rgb(R, G, B)
- 範囲:
- チャネルごとに 0–255
- おすすめ用途:
- コード、canvas、rgba() を使った透明度
CMYK とは？
CMYK は印刷で使われる4色インクのモデル：シアン、マゼンタ、イエロー、キー（黒）で、それぞれ 0–100% の割合で表す。インクは光を吸収するので発光する画面より扱える色域が狭く、画面で鮮やかな色は印刷するとくすんで見えることがある。
- 構文:
- cmyk(C%, M%, Y%, K%)
- 範囲:
- インクごとに 0–100%
- おすすめ用途:
- 印刷、パッケージ、入稿データ
RGB から CMYK への参照表
よく使われる CSS の色を RGB から CMYK に変換しました。
| 色 | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |
よくある質問
R、G、Bを0〜255のsRGB値として読み取る。 色をCoated FOGRA39プロファイルで照合する。ヨーロッパの塗工紙向けの標準ICCプロファイルである。 マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。これにより白は紙の白のまま保たれ、黒は印刷機で印刷できる最も濃いインクに対応する。 4つの値をすべて0〜100のパーセンテージに変換する。
これは標準のCoated FOGRA39プロファイルを使う。印刷所は独自のICCプロファイルとインクの上限を使うため、他のCMYKプロファイル（印刷所のものなど）では数値が異なる。結果は確かな参考値として扱う。そのまま印刷に使える色分解ではない。
CMYK は印刷で使われる4色インクのモデル：シアン、マゼンタ、イエロー、キー（黒）で、それぞれ 0–100% の割合で表す。インクは光を吸収するので発光する画面より扱える色域が狭く、画面で鮮やかな色は印刷するとくすんで見えることがある。
できるよ。入力欄のそばにある入れ替えボタンで CMYK → RGB のコンバーターに切り替えられる。同じ仕組みで動くし、どちらの方向も同じ数式を逆に適用するだけだよ。
変換した黒は、4色すべてを重ねたリッチブラックになる。小さな黒い文字は、鮮明に保つために0/0/0/100を手動で設定する。