HEX から CMYK へのコンバーター

HEX から CMYK へのコンバーターとは？

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

主な機能

HEX から CMYK へのコンバーター代替の比較

HEX から CMYK への変換例

#3b82f6

#FF5733

#0F172A

#FF0000

一般的な HEX → CMYK 変換リファレンス

10 個の正典的な色の HEX と単純な CMYK 等価のリファレンス表。値は教科書的な `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)` 公式を使い、整数パーセントに丸めます。**リマインダー**: これらは単純な近似であり、ICC で正しい刷版対応の値ではありません。本機刷りでは、実際の刷版・インク・用紙に対する印刷所の ICC プロファイルで確認してください。

HEX から CMYK へのコンバーターの使い方

1. 1

   HEX フィールドに hex コードを貼り付ける

   HEX 入力に任意の hex 値を投入します — 先頭の `#` のあり/なし、3 桁の省略形（`#F73`）、6 桁の標準形（`#FF5733`）、4 桁のアルファ省略形（`#F738`）、アルファ付き 8 桁の標準形（`#FF5733CC`）のいずれでも構いません。本ツールは内部でこの 5 つの入力形状を同じ内部色に正規化してから CMYK を導出します。大文字小文字は無視されます（`#FF5733` と `#ff5733` は同一にパースされます）。不正な文字や桁数違いは静かなインラインエラーになり、有効な hex は他のすべての形式フィールドをリアルタイムで更新します（CMYK も含む）。CMYK の導出ではアルファは無視されます — インクには透明度がありません。

2. 2

   CMYK フィールドから CMYK のパーセントを読み取る

   CMYK フィールドは値を 4 つのチャネルパーセントとして表示します: Tailwind blue-500 で `cmyk(76%, 47%, 0%, 4%)`。チャネルは Cyan、Magenta、Yellow、Key（黒）です。各パーセントはインク被覆を表します — 0% はそのチャネルにインクなし、100% は完全な被覆です。**リマインダー**: これは単純な sRGB 反転であり、ICC プロファイル変換ではありません。初期見積もりとして使い、本機刷りの前に印刷所の ICC パイプラインを実際の刷版・インク・用紙に対して走らせて最終値を確認してください。

3. 3

   Copy をクリックして CMYK 文字列をつかむ

   各形式カードの右側に Copy ボタンがあります。1 クリックで値がクリップボードに乗り、ボタンラベルが一瞬「Copied!」に切り替わるのでコピー成功がわかります。コピーされる文字列は標準の CMYK 表記（`cmyk(76%, 47%, 0%, 4%)`）で、デザインブリーフやベンダーへのメールにそのまま投入できます。CMYK がネイティブではないプラットフォーム固有の出力（CSS、SwiftUI、Compose、Flutter はすべて RGB ベースの色空間で動作する）には、ピッカー下の Copy as code セクションが各プラットフォームの形式での同等値を出します — 画面ターゲットと印刷ターゲットの両方に対して同じ色を表現する必要があるときに有用です。

4. 4

   RGB、HSL、OKLCH、名前付きカラーと相互検証する

   貼り付けた同じ hex が他の形式フィールドにも反映されます — canvas 呼び出しやハードウェア向けの RGB、レガシー CSS 向けの HSL、モダンな知覚的に均一なデザインシステム（Tailwind v4、shadcn/ui）向けの OKLCH と OKLAB、デザイナーのカラーピッカー UI 向けの HSV と HWB、ドキュメント本文向けの最も近い CSS 名前付きカラー。hex → CMYK だけに縛られることはありません。ピッカー（SL の四角 + 色相スライダー + アルファスライダー）は同時に 9 つすべてを駆動し、Chromium 系ブラウザでは EyeDropper ボタンがブラウザの外を含む画面上の任意のピクセルをサンプリングします。

5. 5

   印刷所には CMYK ではなく元の hex を送る

   ベストの印刷準備ワークフローは、元の hex（または OKLCH の 3 つ組）を印刷所に送り、プリプレスチームに適切な ICC プロファイル（US Web Coated SWOP v2、Fogra39、Japan Color 2011 Coated、または刷版固有のカスタムプロファイル）経由で刷版対応の CMYK を作らせることです。本ツールの単純な CMYK 出力は、社内の見積もり、ベンダー向けブリーフ、概念実証作業のためのものです — 直接の本機刷り用ではありません。プリンターが信頼できる正解を持てるよう、スペックドキュメントには単純な CMYK と元の hex の両方を組み合わせて記載してください。

よくある HEX / CMYK の間違い

プリンターに送ったスペック:
ブランドカラー CMYK: cmyk(76%, 47%, 0%, 4%)
（単純公式の出力、ICC 変換なし）
プリンターは刷版対応ファイルをそのまま出荷。
最終物: 色あせた、ブランド外れの青。

プリンターに送ったスペック:
ブランドカラーのソース: #3b82f6
単純な CMYK 見積もり: cmyk(76%, 47%, 0%, 4%)
目的の刷版: US Web Coated SWOP v2 で ICC 正確
プリンターが ICC 変換を実行: cmyk(82%, 53%, 0%, 0%)（例のシフト）
最終物: デジタル校正と一致。

画面色を承認して同一の印刷を期待:
#FF0000 はモニターで鮮やかな赤に見える
単純な cmyk(0%, 100%, 100%, 0%)
プリンターが ICC を走らせる: 最も近い色域内 CMYK
最終印刷: オレンジ寄りにシフトした赤、彩度が約 20% 低い。
反応: 「これは間違い、再印刷」。

ウェットプルーフのための時間を確保し、色域ミスマッチを受け入れる:
#FF0000 → CMYK 近似: cmyk(0%, ~95%, ~95%, 0%) ICC
実際の用紙でのウェットプルーフ: オレンジ寄りにシフト、彩度が低い
デザインチームが新たな参照として校正を承認
最終印刷は承認された校正と一致。

総量を確認せずに高被覆の暗色を指定:
cmyk(85%, 85%, 85%, 95%) = 総被覆 350%
新聞用紙の印刷機（220% 制限）に送る
結果: インクが乾かず、紙同士が貼り付き、にじみ損傷。

本機制限に対して総インク被覆を確認:
cmyk(85%, 85%, 85%, 95%) = 350% — 新聞用紙の 220% 制限を超える
GCR / UCR で削減: cmyk(40%, 30%, 30%, 80%) = 総 180%
制限内に収まり、清潔に印刷、スケジュール通りに乾燥。

用紙の詳細なしにブランド CMYK を指定:
ブランドの赤: cmyk(0%, 95%, 80%, 0%)
同じファイルからグロスコートと非コートの両方の用紙に印刷
グロス: 期待どおりの鮮やかな赤
非コート: 鈍いオレンジ寄りの赤、ブランド外れに見える。

基材ごとに CMYK を指定、それぞれ ICC で正しく:
グロスコート上のブランドの赤: Fogra39 経由で cmyk(0%, 95%, 80%, 0%)
非コート上のブランドの赤: Fogra47 経由で cmyk(0%, 85%, 70%, 0%)
各用紙はその ICC プロファイルにチューニングされた刷版対応の CMYK を得る。
両方の成果物が本機で同じブランドの赤として読まれる。

HEX から CMYK を使う人

ベンダー向けブリーフを準備する印刷デザイナー

印刷案件を発注する前に、デザイナーはブランドカラーを hex（真実の源）と CMYK 近似（プリンターがインク代と校正時間をざっくり見積もれるように）の両方でスペックを書いたブリーフを印刷所に送ります。ここに各ブランドの hex を貼り付け、単純な CMYK をコピーし、両方をスペックドキュメントに投入します。プリンターは次に自社の刷版プロファイルに対して実際の ICC 変換を走らせ、刷版対応の CMYK を版下にする前に作ります。元の hex は省略しないでください — それが、最終変換のために印刷所が信頼する値です。

見積もり前に印刷コストを見積もるブランドマネージャー

印刷見積もりは総インク被覆に部分的に依存します。単純な CMYK は提案パレットのインク負荷をざっくり見積もります: K の高い色は安く（インクが少なく、乾燥が速い）、CMY の高い色はより高くつく（インクが多く、乾燥が長く、用紙の飽和リスクがある）。候補のブランド hex を貼り付け、CMYK のパーセントを読み取れば、フルの本機セットアップを発注する前に、印刷業者との予算会話に出せる根拠ある数字が得られます。

画面 vs 印刷をクロスチェックするパッケージデザイナー

パッケージ作業は同時に両方の空間に住みます — E コマースの製品ページは画面上の sRGB hex で描画され、物理的な箱は段ボール紙の上に CMYK で印刷されます。同時の hex + CMYK ビューを使って、2 つのメディアで劇的に異なって読まれる色（CMYK の色域を超える非常に飽和した赤、深い青、鮮やかな緑）をスポットし、それらの色を Pantone のスポット処理か、色域差を受け入れる意図的なブランドシステム調整のためにフラグしてください。

マルチチャネルキャンペーンを生むマーケティングチーム

マルチチャネルキャンペーンは、同じブランド資産を、Web サイト（sRGB hex）、メール配信（sRGB hex に sRGB フォールバック）、ソーシャルメディアのグラフィック（AVIF/WebP に圧縮するプラットフォーム上の sRGB hex）、印刷ポスター（コート紙上の CMYK）、ダイレクトメール（非コート紙上の CMYK）に送ります。元の hex を一度変換し、印刷物のための単純な CMYK を読み、両方を制作チームに刷版プロファイル仕様と共に渡して、適切な ICC 変換を行わせてください。

デジタル印刷の短ランを行うデザイナー

1 点物の名刺、試作パッケージ、デジタル印刷機（HP Indigo、Kodak NexPress、Xerox iGen）を通る少量のマーケティング資材では、単純な CMYK 近似がオフセットの場合よりも実際の出力に近く追従します。デジタル印刷機は RIP に組み込まれたよりタイトなカラーマネジメントで動作するためです。それでも刷版対応ではありませんが、近い — そして短ランの経済性は、発注前のテスト印刷を安価にします。hex を貼り付け、CMYK を読み、テストを走らせてください。

古いロゴを画面から印刷に移行するデザイナー

古い Web 限定のブランド資産は、しばしば hex コードのみとして存在し、正式な CMYK スペックを持ちません。ブランドが印刷された名刺、パンフレット、トレードショーバナーに初めて登場する必要があるとき、チームは CMYK の出発点を必要とします。各レガシー hex をここに貼り付け、単純な CMYK を読み、両方を ICC で正しい変換のためにプリンターに渡してください。これはあらゆるデザインチームがいずれ当たる、「デジタルファーストのブランドが印刷に出る」正典的なワークフローです。

色モデルの違いを教える教育者

同時の hex + RGB + CMYK ビューは、加法 vs 減法の対比を明白にします。純粋な赤（`#FF0000`）は画面で `rgb(255, 0, 0)` として描画され、単純な CMYK では `cmyk(0%, 100%, 100%, 0%)` として描画されます — 学生は反転を直接見られます。広色域の OKLCH 色に押して、CMYK が飽和する間に sRGB がクリップする様子を観察してください。教室にそのまま使える、画面から印刷への変換が難しい問題である理由、そして単純な公式が ICC 対応のカラーマネジメントと同じではない理由のデモンストレーションです。

HEX から CMYK の数式と ICC の但し書き

単純な CMYK 公式

正規化された sRGB 値（元の 0〜255 整数からの 0〜1 浮動小数点）に対して動作します。ステップ 1: `K = 1 - max(R, G, B)`。これは K を「不足している明るさ」の量に設定します — 純粋な白（R=G=B=1）は K=0 を生み、純粋な黒（R=G=B=0）は K=1 を生みます。ステップ 2: `C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`。これは K を考慮した後の残りの反転として各 CMY チャネルを計算します。ステップ 3: 各チャネルに 100 を掛けてパーセント形にし、表示のために最も近い整数に丸めます。純粋な黒のショートサーキット: max(R,G,B) = 0 のとき、分母 (1 - K) はゼロになるので、`cmyk(0%, 0%, 0%, 100%)` を直接返します。

これが ICC 変換では*ない*理由

本物の ICC プロファイル変換は多段階の変換を適用します: ソースプロファイル（sRGB）→ プロファイル接続空間（典型的には CIE LAB か XYZ）→ 出力プロファイル（US Web Coated SWOP v2、Fogra39 など）。各段階は実際のインク・紙・印刷機の組み合わせの経験的測定 — スペクトル反射曲線、さまざまな被覆レベルでの網点拡大、総インク量、グレーバランス調整 — を符号化します。単純な公式はこのどれも行いません。CMYK をインクの吸収物理ではなく数学的抽象として扱います。だから出力は ICC パイプラインが生む値からチャネルごとに 5〜15% はドリフトする可能性があるのです。本機刷りでは、目的の刷版プロファイルに対する変換を Photoshop、Illustrator、InDesign で走らせるか、元の hex を印刷所のプリプレスチームに渡してください。

地域と刷版ごとの標準 ICC プロファイル

**北米のオフセット**: US Web Coated SWOP v2（コート紙向けの SWOP 認証標準、ほとんどの米国の商業オフセット印刷所で使われる）。プレミアムコートには GRACoL 2006 Coated #1。**ヨーロッパのオフセット**: コート紙向け ISO 12647-2 標準の Fogra39。新しいプレミアムコートには Fogra51。非コートには Fogra52。新聞用紙には Fogra47。**日本のオフセット**: Japan Color 2011 Coated。Web オフセットには Japan Color 2003 Web Coated。**デジタル印刷機**: 各ベンダーが特定の印刷機モデルとインクセット向けに自社の ICC プロファイルを同梱します（HP Indigo IndiChrome、Kodak NexPress E-Series、Xerox iGen）。必ず印刷所と確認してください — 多くは汎用標準を上書きするカスタムの刷版固有プロファイルを持っています。

網点拡大、総インク量、基材の影響

**網点拡大**: インクの点は吸収性の紙に当たると物理的に広がり、チャネルごとに見かけの被覆を 10〜30% 増やします。本機オペレーターは RIP のカーブで補正します。単純な公式はこれを完全に無視します。**総インク量**: オフセット印刷機は裏移り（湿ったインクが次の紙の裏に転移する）を避け、用紙の飽和を防ぐため、総 C+M+Y+K 被覆を約 280〜320% で制限します。新聞用紙は約 220% で制限します。単純な公式は暗い色で総被覆 400% を生むことがあり、それは印刷不可能です。**基材**: クリーム紙は白色点をシフトさせ、印刷されたすべての色を温めます。非コート紙はインクをより多く吸収し、彩度を鈍くします。グロスのコート紙は最も彩度を保ちますが、異なる光反射を示します。

K が存在する理由（黒の生成）

理論上は C+M+Y がそれぞれ 100% で黒を生みます。実際には濁った暗い茶色を生みます。実際のインクは理想的な吸収体ではないからです — 各インクはどの波長でもいくらかの光を反射し、インクの混合と網点拡大により完全なオーバープリントは不可能です。K は 3 つの問題を解決します: 純粋な黒インクはタイポグラフィとシャドウのために清潔でキレのある黒を生む。K の代入により公式は総インク被覆を減らせる（インクが安く、乾燥が速く、用紙の飽和が少ない）。専用の K 版がテキストのレジストレーションをタイトに保ちます（本文テキストには 3 つではなく 1 つの版を合わせるだけで済む）。単純な公式の K = 1 - max(R,G,B) は可能な限り単純な K 生成戦略です。本物のプリプレスは UCR（Under Color Removal）と GCR（Gray Component Replacement）戦略を使い、刷版の特性に応じて CMY のより多くまたはより少ない量を K に移します。

色域ミスマッチ: CMYK が届かない sRGB の赤

sRGB と CMYK は異なる形の色域を持ちます。sRGB は CMYK の印刷可能範囲を外れる、飽和した赤、深い青、鮮やかな緑に到達できます — 有名な「画面上の純粋な赤が印刷ではオレンジに見える」ケースです。単純な公式は `#FF0000` に対して `cmyk(0%, 100%, 100%, 0%)` と報告しますが、どの被覆レベルのインクの組み合わせも、その画面の色を紙の上で再現できません。ICC 変換は色域ミスマッチを処理するために 4 つのレンダリングインテントの 1 つを使います: Perceptual（ソース色域全体を目的に合うように圧縮し、全体の色関係を保つ）、Relative Colorimetric（色域外の色を最も近い色域内の値にクリップし、色域内の色は正確に保つ）、Absolute Colorimetric（Relative に似るが白色点差を補正しない）、Saturation（精度を犠牲にして彩度を保ち、主にビジネスグラフィックに使う）。

OKLCH の真実の源を介したラウンドトリップ安定性

ツールの内部の正規表現は CMYK ではなく OKLCH（統合ハブ設計に従う）です。CMYK は OKLCH からキー入力ごとに OKLCH → OKLAB → XYZ D65 → 線形 sRGB → sRGB → 単純 CMYK のチェーンで導出されます。これは CMYK の直接編集もサポートしていることを意味します: 4 つのパーセントをパースし、逆公式を走らせて sRGB を回復し（`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`）、OKLCH のソースを更新し、それから他のすべてのフィールドを再レンダリングします。ラウンドトリップは安定ですが、OKLCH の真実の源が CMYK 限定の色を 256 チャネルの sRGB バイト空間に戻すときに複数の sRGB 色が同じ CMYK 近似にマップされる、CMYK 色域の縁では損失があります。

HEX / CMYK ワークフローのベストプラクティス

印刷業者の ICC プロファイルで実際の CMYK を確認する

本機刷りの前に、必ず印刷所の ICC パイプラインで実際の刷版・インク・用紙の組み合わせに対して刷版対応の CMYK を確認してください。本ツールの単純な出力は ICC で正しい値からチャネルごとに 5〜15% はドリフトする可能性があり、それはシャープな赤を濁ったオレンジに、深いブランドブルーを色あせたネイビーに変えるのに十分な量です。印刷所のプリプレスチームが信頼できる正解です — 元の hex（単純な CMYK ではなく）を渡し、US Web Coated SWOP v2、Fogra39、Japan Color 2011 Coated、あるいは刷版固有のカスタムプロファイルに対して自社の変換を走らせてもらってください。

本ツールの CMYK は予算 / スコープのための初期見積もりとして使う

単純な CMYK はざっくりした見積もりに本当に有用です: コスト会話のための総インク被覆、暗さチェックのための大まかな K 支配性、「この色は印刷できるか」の質問のためのクイックな色域健全性。予算の通話、ベンダーブリーフ、スコープ会話のためにそれを使ってください。それから刷版対応の変換のために元の hex を印刷所に渡します。単純な出力を本機刷りの納品物として出荷しないこと。一方で計画段階の成果物として出すのはよいでしょう。

Pantone マッチングでは印刷所のスポットカラーライブラリがすべてに優先する

Pantone（および HKS、RAL、Toyo）のスポットカラーは固有の色アイデンティティを持つ事前混合インクです — プロセス CMYK チャネルから構築されません。ブランドが Pantone マッチング（パッケージ、プレミアム印刷、正確な色が決定的なあらゆる場面で一般的）を必要とする場合、印刷所は Pantone インクを直接使い、CMYK は出る幕がありません。ブリーフに Pantone 番号を指定してください。その色の単純 / ICC で正しい CMYK 値は両方とも無視します。CMYK が問題になるのは、案件がスポットインクなしで純粋にプロセスカラーで走るときだけです。

印刷所には単純な CMYK ではなく、元の HEX または OKLCH を送る

印刷所のプリプレスチームは、自社の刷版プロファイルに対して変換を走らせられるよう、信頼できる元の色を必要とします。元の hex（あるいはモダンなブランドシステムなら OKLCH）に加え、スポットカラーの呼び出し（Pantone 番号）があればそれを渡してください。納品物として単純な CMYK を絶対に渡さないこと — その値が、単純な公式から来たのか、別の刷版プロファイルに対する古い Photoshop 変換から来たのか、適切なプロファイルに対する本当の ICC で正しい変換から来たのか、印刷所には知る術がありません。ソースデータは曖昧さを避けます。

K チャネルが妥当か検証する（純粋な黒だけが K=100）

変換後の K 値を健全性チェックしてください。純粋な黒（`#000000`）は K=100 で C=M=Y=0 を生むはずです。ほぼ黒の暗い色は低い CMY と共に K=80〜95 の範囲に着地するはずです。中間調（中程度の彩度、中程度の明度）は K=20〜60 のどこかに着地するはずです。鮮やかな飽和色は K=0 に座り、1 つか 2 つの CMY チャネルが高い被覆になるはずです。ある色の知覚される明るさに対して K 値がこれらのパターンの外なら、入力 hex をダブルチェックしてください — タイポは「ほぼ黒」から「ほぼ白」へ静かに色を反転させ得ます。CMYK の出力が入力の間違いを見える化します。

本機刷りの前に実際の用紙でウェットプルーフを走らせる

重要なあらゆる本機刷りでは、サインオフの前に、実際の紙の用紙に実際のインクで印刷所からウェットプルーフを取得してください。ソフトプルーフ（画面上の ICC シミュレーション）は有用ですが決して完璧ではありません — 紙の質感、インクの密度、観察光のスペクトルがすべて最終知覚に影響します。少なくとも 1 回のウェットプルーフ反復のための時間と予算を確保してください。ここの単純な CMYK、ICC で正しい CMYK、ウェットプルーフは、同じ色の段階的に精度が増す 3 つのスナップショットです。ウェットプルーフは、最終的に印刷された成果物に正確に一致する唯一のものです。

元の hex を最終の CMYK と並べて文書化する

印刷所が刷版対応の CMYK を作り、校正にサインオフしたら、ブランド仕様書に元の hex と最終の ICC で正しい CMYK の両方を文書化してください。6 ヶ月後、誰かがパレットを再印刷するか拡張する必要が出たとき、両方の値が完全な来歴トレイルを保持します — 異なる刷版に対する再変換のためのソース、同じ刷版での再印刷のためのロック済み CMYK。単純な CMYK はブリーフ段階のみのもの、刷版対応の CMYK はロック済みの仕様のものです。

よくある質問