画面は光を混ぜ、印刷はインクを混ぜる — だからHEXコードは印刷に出す前に翻訳する必要がある。このコンバータはウェブ色にできるだけ近いシアン・マゼンタ・イエロー・キー（黒）のパーセンテージを出す。
HEX から CMYK への変換のしくみ
- HEXコードをRGBに変換し、それぞれのチャネルを255で割る。
- キー（黒）成分を計算する：K = 1 − max(R, G, B)。
- 黒の割合を取り除いて他のインクを導出する：C = (1 − R − K) / (1 − K)、マゼンタとイエローも同様の式を使う。
- 4つの値すべてに100を掛けてパーセンテージにする。純粋な黒は0/0/0/100に短絡する。
実際の例
HEX #E74C3C=CMYK cmyk(0%, 67%, 74%, 9%)
これはデバイス非依存の近似値。実際の印刷は紙、インク、ICCカラープロファイルに依存するため、結果は出発点として扱い、ブランド重要色は必ずプルーフで確認して。
HEX と CMYK の解説
HEX とは？
HEX コードは先頭の # の後に続く6桁の16進数で、色の赤・緑・青チャネルを格納する。各2桁が1チャネルを表し、00（なし）からFF（最大）までで、RGB と同じ約1670万色を短い表記で示せる。HEX は CSS、デザインツール、ブランドガイドラインでのデフォルトだ。
- 構文:
- #RRGGBB
- 範囲:
- チャネルごとに 00–FF
- おすすめ用途:
- CSS、デザイン引き渡し、ブランドガイドライン
CMYK とは？
CMYK は印刷で使われる4色インクのモデル：シアン、マゼンタ、イエロー、キー（黒）で、それぞれ 0–100% の割合で表す。インクは光を吸収するので発光する画面より扱える色域が狭く、画面で鮮やかな色は印刷するとくすんで見えることがある。
- 構文:
- cmyk(C%, M%, Y%, K%)
- 範囲:
- インクごとに 0–100%
- おすすめ用途:
- 印刷、パッケージ、入稿データ
HEX から CMYK への参照表
よく使われる CSS の色を HEX から CMYK に変換しました。
| 色 | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |