CMYKとRGBを瞬時に変換！カラーコード・HEX対応ツール

🎨 CMYK ↔ RGB 変換ツール

RGB値を入力してCMYKに変換

クリックして色を選択できます
入力色プレビュー
C（シアン） — % コピーしました！
M（マゼンタ） — % コピーしました！
Y（イエロー） — % コピーしました！
K（ブラック） — % コピーしました！
HEXコード — コピーしました！
CMYK一括 — コピーしました！
結果色

CMYK値を入力してRGBに変換

入力色プレビュー（概算）
R（赤） — コピーしました！
G（緑） — コピーしました！
B（青） — コピーしました！
HEXコード — コピーしました！
RGB一括 — コピーしました！
結果色

HEXカラーコードからRGB・CMYKに変換

入力色プレビュー
R — コピーしました！
G — コピーしました！
B — コピーしました！
C（%） — コピーしました！
M（%） — コピーしました！
Y（%） — コピーしました！
K（%） — コピーしました！
CMYK一括 — コピーしました！
結果色

⚡ よく使う色のクイック変換

色名をクリックするとRGB→CMYK変換パネルに自動入力されます。

🕓 変換履歴（最近5件）

まだ変換履歴がありません。

📐 CMYKとRGBの変換計算式

RGB → CMYK 変換式

R' = R / 255、G' = G / 255、B' = B / 255 K = 1 − max(R', G', B') C = (1 − R' − K) / (1 − K) M = (1 − G' − K) / (1 − K) Y = (1 − B' − K) / (1 − K) ※ K = 1（純黒）のとき C = M = Y = 0

CMYK → RGB 変換式

R = 255 × (1 − C) × (1 − K) G = 255 × (1 − M) × (1 − K) B = 255 × (1 − Y) × (1 − K) ※ C・M・Y・Kは0〜1の小数値（%÷100）
⚠️ 数式による変換は近似値です。印刷現場では ICC カラープロファイル（Japan Color 2001 Coated など）を用いた正確な変換が推奨されます。

📝 変換例・手順

例1：RGB(255, 0, 0)（赤）→ CMYK

R' = 1.000, G' = 0.000, B' = 0.000 K = 1 − max(1, 0, 0) = 0 C = (1 − 1 − 0) / (1 − 0) = 0% M = (1 − 0 − 0) / (1 − 0) = 100% Y = (1 − 0 − 0) / (1 − 0) = 100% → CMYK(0%, 100%, 100%, 0%)

例2：CMYK(0%, 0%, 0%, 100%)（黒）→ RGB

R = 255 × (1 − 0) × (1 − 1) = 0 G = 255 × (1 − 0) × (1 − 1) = 0 B = 255 × (1 − 0) × (1 − 1) = 0 → RGB(0, 0, 0)

例3：HEXコード #1F9BD4 → RGB → CMYK

#1F9BD4 → R=31, G=155, B=212 R' = 0.122, G' = 0.608, B' = 0.831 K = 1 − 0.831 = 0.169 → 約17% C = (1 − 0.122 − 0.169) / 0.831 ≈ 85% M = (1 − 0.608 − 0.169) / 0.831 ≈ 27% Y = (1 − 0.831 − 0.169) / 0.831 ≈ 0% → CMYK(85%, 27%, 0%, 17%)

📊 主要カラーCMYK・RGB対応表

色名 色見本 HEX R G B C% M% Y% K%
赤（Red） #FF00002550001001000
緑（Green） #00FF000255010001000
青（Blue） #0000FF0025510010000
黄（Yellow） #FFFF002552550001000
シアン（Cyan） #00FFFF0255255100000
マゼンタ（Magenta） #FF00FF2550255010000
黒（Black） #000000000000100
白（White） #FFFFFF2552552550000
オレンジ（Orange） #FFA50025516500351000
ネイビー（Navy） #00008000128100100050
グレー（Gray） #80808012812812800050
ピンク（Pink） #FFC0CB255192203025200
スカイブルー（Sky Blue） #87CEEB135206235431208
ゴールド（Gold） #FFD70025521500161000
ブラウン（Brown） #A52A2A16542420757535

🖨️ CMYKとRGBの違い

項目 RGB CMYK
用途 モニター・Web・デジタル 印刷（オフセット・商業印刷）
混色方式 加法混色（光の三原色） 減法混色（インクの四原色）
値の範囲 各チャンネル 0〜255 各チャンネル 0〜100%
色域（Gamut） 広い 狭い（RGB色域の一部）
チャンネル数 3チャンネル（R・G・B） 4チャンネル（C・M・Y・K）
代表プロファイル sRGB, Adobe RGB Japan Color 2001 Coated
白の表現 R=G=B=255 C=M=Y=K=0%（用紙の白）
黒の表現 R=G=B=0 K=100%（墨べた）

🎨 主要カラー 色見本一覧

赤
#FF0000
緑
#00FF00
青
#0000FF
黄
#FFFF00
シアン
#00FFFF
マゼンタ
#FF00FF
オレンジ
#FFA500
パープル
#800080
ゴールド
#FFD700
スカイブルー
#1F9BD4
ターコイズ
#1FD4B3
グレー
#808080

🔄 CMYKとRGBから変換できる他の色空間

色空間 説明 用途 変換経路
HEX（16進数） #RRGGBB形式のカラーコード Web・CSS・HTML RGB ↔ HEX
HSL 色相・彩度・輝度 CSS・デザインツール RGB → HSL
HSV / HSB 色相・彩度・明度 Photoshop・Illustrator RGB → HSV
LAB（CIELAB） 知覚的均等色空間 色差計算・印刷品質管理 RGB → XYZ → LAB
XYZ（CIEXYZ） CIE規格の測色値 色管理システム（CMS） RGB → XYZ
Pantone 特色インクの標準色見本 ブランドカラー管理・印刷 CMYK → 近似Pantone

❓ よくある質問（FAQ）

CMYKとRGBの変換で色が変わるのはなぜですか？ ▼
RGBはモニターの光で色を表現し、CMYKは印刷インクで色を表現します。RGBの色域（表現できる色の範囲）はCMYKよりも広いため、蛍光色や鮮やかなデジタルカラーは印刷時に再現できない場合があります。この色域外の色は「色域外警告（ガモット警告）」と呼ばれ、近似色に変換されます。
印刷用データを作る際はRGBとCMYKどちらを使えばよいですか？ ▼
商業印刷・オフセット印刷では原則CMYKデータが必要です。RGBデータのまま入稿すると印刷側で自動変換が行われ、意図しない色になる場合があります。日本の印刷業界標準プロファイルである「Japan Color 2001 Coated」でCMYKに変換しておくことを推奨します。
K（ブラック）チャンネルはなぜ必要ですか？ ▼
理論上はC・M・Yを100%重ねると黒になりますが、実際の印刷では完全な黒にならず暗い茶褐色になります。またインク消費量が増えて用紙の乾燥に問題が生じます。そのため独立したK（黒）インクを使い、コストを抑えながら鮮明な黒を実現しています。
HEXコードとRGBの関係は？ ▼
HEX（16進数カラーコード）はRGBの各チャンネル（0〜255）を2桁の16進数で表したものです。例えば「#1F9BD4」は R=0x1F=31、G=0x9B=155、B=0xD4=212 を意味します。WebデザインやCSS記述ではHEX形式が標準的に使われます。
このツールの変換結果はPhotoshopと同じですか？ ▼
このツールはICCプロファイルを使用しない数式による変換のため、Photoshopなどプロ向けアプリとは結果が異なる場合があります。印刷用の精密な色変換にはPhotoshopやIllustratorで「Japan Color 2001 Coated」等のICCプロファイルを使ったプロファイル変換を行ってください。
RGBの「加法混色」とは何ですか？ ▼
加法混色とは光の色を混ぜるほど明るくなる混色方法です。R・G・Bを全て最大にすると白（R=G=B=255）になります。テレビやPCモニター、スマートフォン画面などがこの原理を利用しています。一方、印刷インクのCMYKは重ねるほど暗くなる「減法混色」です。
Webデザインでは必ずRGBを使う必要がありますか？ ▼
はい、WebブラウザはRGB（またはHEX・HSL）のみを理解します。CSSにCMYK値を直接指定することはできません。そのため印刷会社のロゴ（CMYK管理）をWebサイトで使う際は、必ずRGBまたはHEXに変換してから使用してください。

関連投稿