画面は光を混ぜ、印刷はインクを混ぜる — だからHEXコードは印刷に出す前に翻訳する必要がある。このコンバータはウェブ色にできるだけ近いシアン・マゼンタ・イエロー・キー（黒）のパーセンテージを出す。
HEX から CMYK への変換のしくみ
- HEXコードをRGBに変換する。各チャネルは0〜255のsRGB値として読み取る。
- 色をCoated FOGRA39プロファイルで照合する。ヨーロッパの塗工紙向けの標準ICCプロファイルである。
- マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。これにより白は紙の白のまま保たれ、黒は印刷機で印刷できる最も濃いインクに対応する。
- 4つのインク値を整数のパーセンテージに丸める。Photoshopのヨーロッパ向けCMYK既定値に従う。
実際の例
HEX #E74C3C=CMYK cmyk(1%, 81%, 76%, 0%)
実際の印刷は、紙、インク、印刷機によって結果が変わる。他のCMYKプロファイル（印刷所のものなど）では数値が異なるため、ブランドにとって重要な色は必ず校正刷りで確認する。
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(89%, 78%, 62%, 97%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 95%, 92%, 0%) |
| lime | #00FF00 | cmyk(64%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(93%, 75%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(9%, 0%, 96%, 0%) |
| orange | #FFA500 | cmyk(0%, 43%, 94%, 0%) |
| teal | #008080 | cmyk(83%, 27%, 48%, 12%) |
| purple | #800080 | cmyk(63%, 100%, 4%, 1%) |
| gray | #808080 | cmyk(48%, 39%, 39%, 21%) |
よくある質問
HEXコードをRGBに変換する。各チャネルは0〜255のsRGB値として読み取る。 色をCoated FOGRA39プロファイルで照合する。ヨーロッパの塗工紙向けの標準ICCプロファイルである。 マッチング方法に「相対的な色域を維持」を使い、「黒点の補正を使用」をオンにする。これにより白は紙の白のまま保たれ、黒は印刷機で印刷できる最も濃いインクに対応する。 4つのインク値を整数のパーセンテージに丸める。Photoshopのヨーロッパ向けCMYK既定値に従う。
実際の印刷は、紙、インク、印刷機によって結果が変わる。他のCMYKプロファイル（印刷所のものなど）では数値が異なるため、ブランドにとって重要な色は必ず校正刷りで確認する。
CMYK は印刷で使われる4色インクのモデル：シアン、マゼンタ、イエロー、キー（黒）で、それぞれ 0–100% の割合で表す。インクは光を吸収するので発光する画面より扱える色域が狭く、画面で鮮やかな色は印刷するとくすんで見えることがある。
できるよ。入力欄のそばにある入れ替えボタンで CMYK → HEX のコンバーターに切り替えられる。同じ仕組みで動くし、どちらの方向も同じ数式を逆に適用するだけだよ。
CMYKは印刷物専用に使って — 名刺、チラシ、パッケージなど。ネオングリーンのような明るい画面色にはインクの等価がなく、紙ではくすんで見えることが多い。