RGBは光の加法混色、CMYKはインクの減法混色。画面デザインを印刷に回す際はこの変換が必須のステップになる。
RGB から CMYK への変換のしくみ
- チャネルを正規化する：R、G、Bを255で割る。
- 正規化したチャネルの最大値を取り、キー成分 K = 1 − max を計算する。
- その黒分（K）を差し引いてシアン、マゼンタ、イエローを導出する：C = (1 − R − K) / (1 − K)、他も同様。
- 4つの値をすべて0〜100のパーセンテージに変換する。
実際の例
RGB rgb(52, 73, 94)=CMYK cmyk(45%, 22%, 0%, 63%)
色彩プロファイルなしの数学的近似。印刷所はICCプロファイルやインクリミットを使うため、ここでの数値は信頼できる目安だが、印刷用の完全な分版データではない。
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(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |