本文へ移動

CMYKからRGBへ変換

RGB: R: 255, G: 255, B: 255
RGB文字列: rgb(255, 255, 255)
HEX: #ffffff
書き出し:

このCMYK→RGB変換ツールは、CMYKの各成分であるシアン、マゼンタ、イエロー、ブラックのパーセント値を、標準の変換式でRGB値とHEX値に変換します。デジタルデザインの制作に利用できます。

最終更新日: 2026 年 9 月 23 日

主な特長

  • インタラクティブなスライダーと数値入力によるリアルタイム変換

  • 値を調整すると即座に更新されるライブ カラー プレビュー

  • 2 つの出力形式: rgb() 文字列と HEX コード

  • RGB 値と HEX 値のワンクリック コピー ボタン

  • JSON または CSS カスタム プロパティとしてファイルをエクスポートします。

  • デスクトップとモバイル デバイスで動作するレスポンシブ デザイン

仕組み

スライダーをドラッグするか、各 CMYK チャネルの値 (0 ~ 100%) を入力します。コンバーターは同等の RGB を計算し、プレビュー ボックスに表示します。ワンクリックであらゆる形式をコピーできます。いつでもリセット。

に最適

印刷物からデジタルに移行するデザイナー。正確な色の値が必要な開発者。 CMYK カラーを印刷仕様から画面で使用できる RGB 形式に変換する人。

CMYK から RGB コンバーターとは何ですか?

CMYK から RGB へのコンバーターは、インクベースのパーセント値を画面が実際に読み取る RGB 値に変換する色空間変換ツールです。

カラーピッカーではありません。ピッカーを使用すると、シェードを視覚的に選択できますが、コンバーターは、すでに持っている数値に基づいて固定の計算を実行します。

このツールは 4 つのパーセント入力 (シアン、マゼンタ、イエロー、ブラック) を受け取り、次の 2 つの出力のいずれかを生成します。

  • RGB 3 成分、0 ~ 255 の 3 つの整数
  • スタイルシートに貼り付ける準備ができている 16 進コード

この 2 番目の出力は、人々が期待している以上に重要です。印刷ジョブ用に作成されたロゴは、16 進コードとして反対側に出力されるとすぐに、CSS (EN) ファイルに直接ドロップできます。

デザイナーは常にこのツールを使用しますが、主に印刷優先のアセット (ロゴ、パッケージのモックアップ、名刺) が Web サイト上にも存在する必要がある場合です。

CMYK と RGB: 違いは何ですか?

CMYK と RGB は、2 つの異なるジョブ用に構築された 2 つの異なるカラー モデルです。 1 つは紙の上でインクを混ぜ、もう 1 つはスクリーン上で光を混ぜます。

属性CMYKRGB
モデルタイプ減算的添加剤
媒体紙にインク画面上のライト
入力スケール0 ~ 100 パーセント、4 チャンネル0~255、3チャンネル
フルホワイトインクは塗布されていません全チャンネル最大値

コアの分割は減算と加算です。インクは光を吸収し、目に戻ってくる光から波長を差し引きますが、スクリーンは赤、緑、青の光を直接照射してそれらを加算します。

RGB には、CMYK では決して得られなかったものもあります。それは、1 つの普遍的な参照です。 sRGB は、1996 年に HP と Microsoft が最初に提案した後、1999 年に IEC 61966-2-1 として標準化されました (国際電気標準会議)。

CMYK には同等のものはありません。すべてのプリンタ、すべてのインク セット、およびすべての用紙によって結果がわずかに変化します。これが、スペック シートの CMYK (EN) 値が単独では何かを保証できない理由の大きな部分を占めています。

比較すると、RGB カラーには、オペレーティング システムとブラウザがタグなしカラーとして想定する共有のデフォルトとして sRGB が含まれているため、個々のディスプレイが依然として異なる場合でも、16 進コードはほぼすべての画面で同じ参照から始まります。

CMYK から RGB、または RGB から CMYK: ワークフローにとってどちらの方向が重要ですか?

方向は、ファイルの送信元ではなく、ファイルの送信先によって決まります。

  • CMYK から RGB: 印刷で構築されたアセット (パッケージ アート、雑誌広告、名刺) は、ウェブサイト、アプリ、またはスライド デッキに掲載する必要があります。
  • RGB から CMYK: 画面で構築されたデザイン (ブラウザのモックアップで作成されたロゴ、ソーシャル グラフィック) は商業印刷会社に送る必要があります。

逆のケースを定期的に扱う人は、順方向の場合と同じくらい頻繁に RGB から CMYK へのコンバータを必要とすることになります。ほとんどの設計ワークフローは、ある時点で両方向に影響します。

どちらの方向も、もう一方の方向をきれいに反映するものではありません。 CMYK から RGB への移行は、通常、画面に表示できる範囲内に収まりますが、いくつかの飽和したシアンとグリーンは sRGB のすぐ外側に収まります。

RGB から CMYK に移行すると、さらに多くのものが失われます。明るい画面の色には同等のインクがないことが多く、印刷可能な最も近い色に引き込まれます。

この非対称性が、ラウンド トリップ (CMYK から RGB、その後 CMYK に戻る) で開始時の正確な数値がほとんど返されない理由です。

CMYK から RGB への変換式とは何ですか?

標準的な式では、一致する CMYK インクとブラック チャネルから各 RGB チャネルが構築されます。

R = 255 × (1 − C) × (1 − K) G = 255 × (1 − M) × (1 − K) B = 255 × (1 − Y) × (1 − K)

C、M、Y、K は小数として入力され (シアンの 40% は 0.4 になります)、結果はチャネルごとに整数に丸められます。

実際の入力を取得します: シアン 20%、マゼンタ 60%、イエロー 0%、黒 10%。

  • R = 255 × (1 − 0.20) × (1 − 0.10) = 184
  • G = 255 × (1 − 0.60) × (1 − 0.10) = 92
  • B = 255 × (1 − 0) × (1 − 0.10) = 230

これにより、rgb(184, 92, 230)、つまり中間の紫が得られます。

Adobe 独自のスクリプト リファレンスは、スケール デザイナーが実際に作業していることを確認しています。Photoshop では、各 CMYK チャネルは 0 から 1 の分数としてではなく、0.0 から 100.0 までのパーセンテージとして保存されます (Adobe Developer ドキュメント)。

丸めは、ツールの不一致が始まる箇所です。あるコンバータでは小数点が切り捨てられ、別のコンバータでは切り上げられる場合があり、視覚的な違いは通常は目に見えませんが、16 進コードはバイトごとに一致しません。

CMYK から RGB までの値の範囲と主要な数値

CMYK 入力は 4 つのチャネルで 0 ~ 100% で実行されます。 RGB 出力は 3 つのチャネルで 0 ~ 255 に収まり、すべての変換ツールはそのギャップを埋める必要があります。

いくつかの参照点により、スケールが具体的になります。

  • 100% K、他のすべてのチャンネルは 0: は rgb(0, 0, 0)、純粋な黒に変換されます。
  • 4 つのチャネルすべてで 0%: rgb(255, 255, 255)、純粋な白に変換します。
  • シアン 100%、その他すべて 0%: は rgb(0, 255, 255) に変換されますが、この正確な値は実際の CMYK プリンタで再現できる範囲外にあります。
  • 100% マゼンタ、その他すべて 0%: rgb(255, 0, 255) に変換します。

この3行目は、見た目以上に重要です。計算式は物理的な色域を考慮しないため、CMYKの印刷機では再現できないRGB値まで出力してしまいます。

基本的な RGB から 16 進へのコンバータを含むほとんどのオンライン ツールは、その出力を受け取り、不一致にフラグを立てることなく 16 進コードを渡します。

変換された RGB カラーが元の CMYK と異なって見えるのはなぜですか?

簡単に言うと、インクと光は可視色の同じ範囲をカバーしていないため、変換はコピーではなく翻訳です。

CMYK は「より小さい」色域としてよく説明されますが、これは完全に正確ではありません。 2 つの色域は、一方が他方の中に単に収まっているのではなく、異なる形状になっています。

Adobe カラー管理の専門家は、2024 年のコミュニティ ディスカッションでこのことを明確に述べています。CMYK カラーの一部は sRGB の範囲外であり、sRGB の一部のカラーは CMYK インクで再現できる範囲の範囲外です (Adobe Community、2024)。

深く飽和したシアンと豊かな黒が最もシフトする傾向があります。画面上ではきれいでパンチの効いた青緑色に見えますが、インクがその波長を正確に当てることができないため、印刷は著しく鈍くなることがよくあります。

画面のキャリブレーションにより、ドリフトの層がさらに追加されます。同じ 16 進数コードを並べて表示している 2 つのモニターでも、一方が他方よりも明るいか冷たければ、大きく異なって見えることがあります。

ほとんどの無料 Web ツールが実行する種類の数式のみの変換では、このようなことはまったく認識されません。計算を行って数値を返すだけです。

ICC カラー プロファイルは CMYK から RGB への精度にどのような影響を与えますか?

ICC プロファイルは、特定のデバイスまたは印刷条件がカラーをレンダリングする方法を正確に記述します。これにより、ソフトウェアは推測ではなく色域とインクの動作を修正できるようになります。

International Color Consortium は、競合するソフトウェアとハードウェアにまたがるこの問題を解決するために、8 つの業界ベンダーによって 1993 年に設立されました (International Color Consortium)。

その仕様は現在バージョン 4.4 であり、国際標準 ISO 15076-1:2010 と技術的に同一です。そのため、あるアプリケーションに構築された ICC プロファイルが別のアプリケーションでも正しく動作します。

数式のみの変換では、これらはすべて無視されます。紙、インク、プリンターに関係なく、すべてのジョブに同じ計算が適用されます。

プロファイルベースの変換は、ソースとターゲットの特定の特性を読み取り、それに応じて結果を調整し、印刷時に実際に起こるものに近づけます。

名前付き印刷プロファイルは、このアイデアを現実の世界に取り入れます。 GRACoL は、Idealliance によって 1996 年に構築され、枚葉オフセット印刷の色の動作を定義します。一方、SWOP はウェブ オフセットをカバーし、2005 年に Idealliance の一部となりました (Idealliance)。

設計ソフトウェアは、ほとんどの場合、プロファイルを自動的に適用します。たとえば、Photoshop には、別のものが割り当てられない限り、US Web Coated SWOP v2 などのデフォルトが同梱されているため、多くのデザイナーは設定メニューを開かずにプロファイルベースの変換を使用しています。

CMYK から RGB への変換は印刷または Web デザインに十分な精度ですか?

数式のみの変換は、画面上でプレビューするには十分な精度です。最終的な印刷の一致を保証できるほど正確ではありません。

単純なコンバージョンが有効な場合:

  • 印刷アセットの大まかなプレビューを Web サイトまたはスライドデッキにプルする
  • ファイルをプリンターに送信する前に、ロゴのカラー ファミリが画面上で正しく読み取られることを確認する
  • 物理的証拠に照らして結果を誰も評価しない迅速な内部レビュー

故障箇所:

  • 印刷機上の正確な色の一致を指定するブランド ガイドライン
  • クライアントが画面のモックアップと印刷サンプルを比較するパッケージングまたはラベル作業
  • 推測ではなく実際のプロファイルを期待する、カラー管理されたプリプレス ワークフローに投入されるジョブ

印刷業界自体も完全な一致を期待していません。 ISO 12647-2 オフセット標準の 2013 年改訂版では、シアン、マゼンタ、およびイエローのソリッドについては最大 3.5 ΔE00、黒については最大 5 ΔE00 の偏差が許可されています (Yu、Chung、および Myers、TAGA 2015)。

正式な印刷標準が印刷時の大幅な変動を許容する場合、単純な計算を実行するブラウザベースの変換では、正確な忠実度を実現することはできません。出力は保証ではなく、強力な近似として扱ってください。

最高のCMYKからRGBへの変換ツールの比較

この変換には単一の公式な方法がないため、結果はツールによってまったく異なります。

IDL 独自の CMYK_CONVERT ドキュメントには、このことがはっきりと記載されています。CMYK/RGB 変換に使用される単一の方法はなく、同梱されている方法は最も単純なオプションであり、関係するインクやスクリーンによっては「すべての状況で最適であるとは限りません」(NV5 地理空間ソフトウェアのドキュメント)。

ツールの種類プロフィールの認識費用適した用途
オンラインコンバーター通常は何もありません無料クイック検索、1 回限りの値
Adobe PhotoshopICCプロファイルに完全対応サブスクリプション印刷製本制作業務
Adobe IllustratorICCプロファイルに完全対応サブスクリプションベクトルのロゴとブランド ファイル
GIMPICC ソフト プルーフ、3.0 以降の CMYK インポートおよびエクスポート無料予算を意識したラスター編集

オンラインコンバータツール

RapidTables や ColorHexa などのサイトを含む、ほとんどの無料コンバーターは完全にブラウザーで実行されます。

クライアント側の JavaScript (EN) に依存して計算を行うため、入力した内容は何もサーバーにアップロードされません。

そのスピードには代償が伴います。 Python の Pillow などの確立されたイメージング ライブラリでさえ、独自のソース コードで、単純な CMYK から RGB への変換では ICC プロファイルの処理が完全にスキップされ、Photoshop の出力とは異なる出力が生成されると記載しています (Pillow プロジェクトのソース、GitHub の python-pillow/Pillow)。このページのコンバーターも同じ素朴な公式を使用しています。これがまさに、プレス マッチングではなくクイック ルックアップに適している理由です。

Coolors のようなパレットに重点を置いたツールも同じカテゴリに分類されます。高速かつ無料で、大まかな 16 進数の値には便利ですが、正確な出力を印刷できるようには構築されていません。

設計ソフトウェアツール

Adobe Photoshop と Illustrator: どちらも ICC プロファイルを自動的に適用し、文書化されたスクリプト用の API (EN) を通じて CMYK 値を公開するため、プラグイン開発者は計算を推測することなく変換を自動化できます。

CorelDRAW: は、Illustrator と同じプリプレス ユーザーを対象とした、ベクター作品に対して同様のプロファイル ベースの変換を提供します。

GIMP:編集時の色モデルは引き続きRGBです。ただし、GIMP 3.0 (EN)ではCMYKのソフトプルーフが追加され、ICCプロファイルを使ってCMYKのJPEG、TIFF、PSDファイルを読み込み・書き出しできるようになりました。そのため、従来のSeparate+プラグインは不要です。

CMYKをRGBに段階的に変換する方法

この手順は、無料のオンライン ツールを使用しているか、プロファイル サポートを備えたデザイン ソフトウェアを使用しているかによって若干異なります。

オンラインツールで変換する

  1. このページの上部にあるような CMYK から RGB への計算ツールを開き、4 つの入力フィールドを見つけます。
  2. シアン、マゼンタ、イエロー、ブラックのパーセンテージを、ソース ファイルまたはスペック シートに記載されているとおりに正確に入力します。
  3. 返される RGB トリプレットまたは 16 進コードに注意してください。
  4. 16 進数の値をデザイン ツールまたはスタイルシートに貼り付けて、期待どおりにレンダリングされることを確認します。
  5. 1 つの CMYK フィールドにタイプミスがあると、結果が予想以上に変わる可能性があるため、色合いが間違っている場合は、色名検索ツールで結果をクロスチェックします。

最後のステップでは、人々が予想しているよりも多くの間違いを発見します。黒チャンネルの小数を 1 つ間違えると、暖かいグレーが著しく濁ったものになってしまう可能性があります。

Photoshop での変換

  1. ファイルを開き、「イメージ」、「モード」で現在のモードを確認します。
  2. [編集]、[プロファイルの割り当て]、またはステータス バーのドキュメント プロファイルで、埋め込まれた CMYK プロファイルを確認します。
  3. [画像]、[モード]、[RGB カラー] の順に移動して、作業用 RGB 空間へのプロファイルベースの変換を実行します。
  4. sRGB などの特定のターゲット空間が必要な場合は、代わりに「編集」を使用してから「プロファイルに変換」を使用してください。
  5. 調整されたディスプレイでプレビューが期待と一致したら、フラット化してエクスポートします

よくある間違い: 最初にどのプロファイルがアクティブであるかを確認せずにモードを変換します。

このチェックをスキップすると、ファイルは間違った CMYK プロファイルを介してサイレントに変換されることになり、技術的には有効でも視覚的に間違った結果が生成されます。

CMYK から RGB への変換が適用されない場合は?

色の精度が数式では認識できないものに依存している時点で、CMYK から RGB へのコンバーターは間違ったツールです。

  • スポット カラーは CMYK パーセンテージではなくインクの配合であるため、Pantone Matching System を通じて指定されます。
  • 印刷準備完了のファイルが印刷に向かう場合、ジョブには RGB の代用ではなく CMYK 出力が必要です
  • ICC プロファイルが既に埋め込まれており、一般的な式で上書きせずに保存する必要があるファイル
  • クライアントが印刷サンプルをスクリーンにかざす、色を重視したブランド作業

パントンは最もわかりやすい例です。 Adobe のユーザー コミュニティのデザイン専門家は、変換は完全に紙、インク、色の設定に依存するため、あらゆる印刷条件で正確な Pantone ソリッド インクに相当する単一の CMYK は存在しないと指摘しています (Adobe コミュニティ、カラー管理貢献者)。

ここにも Web プラットフォーム独自のギャップがあります。 CSS では、スタイルシートで CMYK 値を直接表現するための device-cmyk() 関数が定義されていますが、実際にこの関数をサポートしているブラウザはまだありません (MDN Web Docs (EN)、CSS Color Module Level 5)。

これは直接的な発言であり、回避策ではありません。この状況が変わるまでは、CSS が独自に処理できるものではなく、印刷物と Web の間でカラーを移動する人にとってコンバーターが必要なままです。

グレー コンポーネントの置換または下色除去によって元の CMYK 値が形成されると、数式のみの変換も適用されません。これらの技術は、ストレートな配合では逆転するように設計されていなかった方法で、インク レベルのバランスを再調整します。

よくある質問:CMYKからRGBへ変換

CMYK から RGB への変換は、RGB から CMYK への変換と同じプロセスですか?

いいえ。基本的な CMYK から RGB への計算式は、入力ごとに 1 つの答えを持つ単一の計算です。

RGB から CMYK への変換では、1 つの RGB カラーが複数の有効な CMYK の組み合わせにマッピングされる可能性があるため、アンダーカラーの除去や黒の生成などの追加の決定が必要になります。 2 つの方向はミラー操作ではありません。

グレーコンポーネントの置換は変換においてどのような役割を果たしますか?

グレー コンポーネントの置換 (GCR) は、シアン、マゼンタ、イエローが重なっている部分を削減し、その重なり部分を黒のインクに置き換えます。

変換前に CMYK 値を再形成するため、GCR がどの程度適用されたかに応じて、同じグレーでも異なるチャネル番号を保持できます。

Photoshop などのデザイン ソフトウェアを使用せずに CMYK を RGB に変換できますか?

はい。無料のオンライン コンバーターとブラウザベースの計算機は、設計ソフトウェアをインストールしなくても計算を処理します。

これらは単純なデバイスに依存しない計算式を適用しますが、Photoshop は ICC プロファイルを通じて変換するため、結果はプレスに正確な変換ではなく簡易的な近似値として扱われます。

CMYK から RGB への変換はファイル形式に影響しますか?

いいえ。 カラー モードとファイル形式は別個です。

JPEG、TIFF、PDF はそれぞれ CMYK または RGB データを保持でき、カラー値を変換しても形式の変更は強制されません。 PNG は例外です。PNG は RGB のみを保存するため、CMYK ファイルを PNG として保存する前に変換する必要があります。

CMYK から RGB コンバーターを信頼する前に何を確認する必要がありますか?

CMYK から RGB へのコンバーターは、その出力が 3 つのチェックに合格した後にのみ信頼を獲得します。つまり、ソース値の背後にある CMYK プロファイルがわかっていること、16 進数の結果がキャリブレーションされたディスプレイ上で正しく読み取られること、色が依然として物理的な証明と一致していることです。

検証は一定の順序に従います。

  1. まずはICCプロファイル
  2. 2 番目のキャリブレーション済み画面上の 16 進数出力
  3. 標準的な 3 番目に対する物的証拠

プロファイルが間違っていると、その後のすべてのステップが無効になりますが、画面が一致しない場合は、すぐに修正するだけで済みます。

スクリーンと印刷機の間のギャップは測定可能です。 ISO 12647-2 では、CMY ソリッドで最大 3.5 ΔE00 まで許容されますが、色彩科学者は、古い CIE76 スケールでは、わずかにわかる程度の違いを約 2.3 ΔE としています (Mahy、Van Eycken、および Oosterlinck、1994)。 2 つのスケールは同一ではありませんが、どちらも同じ方向を向いています。準拠したプレス シートは、画面とは明らかに異なる場合があります。

技術的に準拠した印刷物であっても、画面上では異なって見える場合があります。

カラー モードが決着すると、次に画面と印刷の違いとなるのが解像度であり、DPI と PPI (EN) でカバーされます。