デザイン基礎
HEXコードをCMYKに変換する方法｜計算式と無料ツールで即解決
ブランドのカラーガイドに書いてあるHEXコードを、Illustratorに入力したら「あれ、印刷したらこんな色だっけ？」となったことはありませんか？
HEXコードはWeb用の色指定で、そのまま印刷データに使うにはひと手間が必要です。でも、変換の手順さえ覚えれば、むずかしくありません。
この記事では、HEXコードをCMYKに変換する方法を、計算式から無料ツールの使い方まで解説します。
結論：HEX→RGB→CMYKの2段階で変換できる
HEXコードはRGBの別表記なので、まずRGBに直してから、RGBをCMYKに変換する——この2ステップが基本です。ツールを使えば両方まとめて一発で変換できます。
なぜ2段階になるかというと、HEX（16進数）はRGB値を16進数で表したもので、CMYKとは別の体系だからです。HEX → RGB → CMYK という順番で変換します。手計算でもできますが、変換ツールを使えば数秒で終わります。
Step 1：HEXコードをRGBに変換する
HEXコードは#RRGGBBという形式で、RR・GG・BBがそれぞれ赤・緑・青の16進数の値です。これを10進数に変換するとRGBの値になります。
例：#FF6600 → RGB変換
R = FF（16進数）= 255（10進数）
G = 66（16進数）= 102（10進数）
B = 00（16進数）= 0（10進数）
→ RGB（255, 102, 0）
16進数の変換が苦手な方は、電卓アプリの「プログラマー」モードや、後述するツールを使えば一瞬で変換できます。手計算で覚える必要はありません。
Step 2：RGBをCMYKに変換する
RGBをCMYKに変換する計算式はこちらです。なお、RGBとCMYKの仕組みの違いが気になる方はRGBとCMYKの違いとは？デザイナーがわかりやすく解説もあわせてご覧ください。
RGB → CMYK 計算式
R' = R ÷ 255、G' = G ÷ 255、B' = B ÷ 255（まず0〜1の範囲に正規化）
K = 1 − max(R', G', B')
C = ( 1 − R' − K ) ÷ ( 1 − K )
M = ( 1 − G' − K ) ÷ ( 1 − K )
Y = ( 1 − B' − K ) ÷ ( 1 − K )
最後に C・M・Y・K を100倍して%表記にする
先ほどの例で計算してみましょう。RGB（255, 102, 0）の場合：
| 手順 | 計算内容 | 結果 |
|---|---|---|
| 正規化 | R'=255÷255、G'=102÷255、B'=0÷255 | R'=1、G'=0.4、B'=0 |
| K（ブラック） | 1 − max(1, 0.4, 0) = 1 − 1 | K = 0% |
| C（シアン） | ( 1 − 1 − 0 ) ÷ ( 1 − 0 ) | C = 0% |
| M（マゼンタ） | ( 1 − 0.4 − 0 ) ÷ ( 1 − 0 ) | M = 60% |
| Y（イエロー） | ( 1 − 0 − 0 ) ÷ ( 1 − 0 ) | Y = 100% |
結果：#FF6600 → CMYK（C:0% M:60% Y:100% K:0%）。オレンジ系の色らしい値が出ましたね。
ただし、この計算はあくまで「理論値」です。実際の印刷では紙・インク・印刷機の特性によって微妙に色が変わります。重要な色はカラーチップや色校正で最終確認するのがベスト。
ツールを使えば一瞬で終わる
正直なところ、毎回この計算を手でやるのは現実的ではありません。HEXコードをCMYKに変換する作業が多い人は、ツールを使うのが断然おすすめです。
HEXコードのCMYK変換で悩んでいるなら、このツールを使えば一発で解決できます。HEXを入力するだけでCMYK値が即座に表示され、変換後の色もその場でプレビューできます。
このサイトの無料ツール
RGB / CMYK変換ツール
HEXコード・RGBを入力するだけでCMYKに即変換。
変換後の色をプレビューで確認できます。インストール不要、ブラウザで完結。
よくある失敗と注意点
- HEXコードをそのまま印刷データに使った HEXはRGBの表記なので、印刷用途ではCMYKへの変換が必要。Illustratorの「カラー」パネルで、表示モードをCMYKに切り替えて確認しよう。
- 変換後の色が思ったよりくすんでしまった 鮮やかなオレンジや青はCMYKの色域外になることがある。変換後にCMYKの数値を手動で調整して、印刷で出せる範囲で最も近い色を選ぶのがコツ。くすみの原因と対策については印刷したら色がくすんだ…原因はRGB→CMYKの変換にあったで詳しく解説しています。
- コーポレートカラーのHEXをCMYKにしたら別の色になった ブランドガイドにはCMYKの指定値が別途ある場合が多い。まずブランドガイドをよく確認し、CMYK指定値があればそちらを優先する。
- 計算値をそのまま使って仕上がりが想定外だった 理論値と実際の印刷には差が出ることがある。色精度が重要な案件は必ず色校正を取って確認する習慣をつけよう。
まとめ
HEXコードの変換はHEX→RGB→CMYKの2ステップ。
ツールを使えば数秒で終わる作業なので、入稿前に必ず確認する習慣をつけよう。
-
HEXコードはRGBの16進数表記
まずRGBに変換してから、RGBをCMYKに変換する2段階の手順が基本。
-
手計算は覚えなくてもOK。ツールで一瞬
変換式を理解しておくのは大切だが、実務では変換ツールを使うのが現実的。
-
変換後の色が大きく変わることがある
特にビビッドな色はCMYKで再現できない場合も。変換後に必ず色を目視で確認する。
-
ブランドカラーはCMYK指定値を優先する
ブランドガイドにCMYK値が記載されている場合は、変換値より指定値を使う。
変換作業自体はシンプルですが、「変換したあとに色を確認する」ひと手間を省くと、印刷後に後悔することになります。ツールを使いながら、変換後の色も必ずプレビューで確認する習慣をつけておきましょう。