RGB CMYK変換ツール

RGBとCMYKの違いは？

RGBは赤・緑・青の光の強さを0～255の整数で表します。#3498DBのようなHEXコードは同じ3チャンネルを16進数で記したもので、ウェブや画面の色指定に使います。

CMYKはシアン・マゼンタ・イエロー・ブラックのインク比率です。同じ画面色でも印刷条件に応じて複数の配合があり、プロファイルなしの計算値が唯一の正解にはなりません。

• ウェブの色を移す場合はHEXかRGBから入力します。
• 既存のインク配合がある場合はCMYKタブに直接入力します。

操作する順番は？

RGB・CMYK・HSLから入力タブを選び、数値欄かスライダーを変更します。色見本と他の形式が即時に更新されます。上部にはHEX、rgb(...)、cmyk(...)の文字列も貼り付けられます。

• 目で色を選ぶ場合はブラウザーのカラーピッカーを使います。
• 赤・青・黒・白の例を押すと入力値と結果の両方が変わります。
• 個別の値または全ての値をコピーできます。

HEXとRGBの関係は？

#3498DBの34・98・DBは16進数で、それぞれ10進数の52・152・219です。3桁の#3ADは各桁を繰り返して#33AADDになります。先頭の#を省いて入力することもできます。

RGBの各数値は0～255の整数だけを受け付けます。入力途中や範囲外の値があれば、最後の有効な結果を残してエラーを示します。

CMYKの概算方法は？

RGBを255で割って0～1にし、K=1−max(R,G,B)を求めます。K=1の黒はC/M/Yが0%、Kが100%です。それ以外はC=(1−R−K)/(1−K)とし、MとYにも同じ式を適用します。

RGB(255, 0, 0)はC 0%、M 100%、Y 100%、K 0%です。#FF8800すなわちRGB(255, 136, 0)ならC 0%、M 46.7%、Y 100%、K 0%程度です。表示は小数第1位に丸めます。

• 計算したCMYKは印刷機固有の分版値ではありません。
• 画面の色見本を紙の発色と同一視しないでください。

入力したCMYK比率は残りますか？

はい。CMYKタブで直接入力した4つの比率は、画面色に換算してもそのまま保持します。同じ画面色になるインク配合は一通りとは限らないためです。

C 100%、M 0%、Y 0%、K 100%は画面では黒になりますが、元の比率を残します。一方、RGBの黒から計算するとC 0%、M 0%、Y 0%、K 100%です。RGBやHEXを新たに変更すれば、その画面色から再計算します。

実際の印刷色が異なる理由は？

インク、用紙、印刷方式や機器によって色は変わります。ICCプロファイルは出力条件を色管理ソフトに伝えるための情報です。このツールはプロファイルの読み込み、色域変換、総インキ量の制限、校正を行いません。

入稿前に印刷所が受け付けるRGB・CMYKファイル、用紙、推奨ICCプロファイル、校正の有無を確認してください。RGBを受け取って印刷所で変換する場合もあります。

• ブランド色や大量印刷では指定プロファイルと校正刷りで確認します。
• 画面の色見本を印刷色の保証として使わないでください。

HSLとコントラストはいつ使いますか？

HSLは色相・彩度・明度で画面色を調節できます。色相は0～360度、彩度と明度は0～100%。このタブを編集してもRGB・HEX・CMYK表示が連動します。

色見本上の白と黒の文字のコントラスト比を比較できます。比率の大きい方を勧めますが、実際のアクセシビリティは文字サイズや太さ、周辺のUIも含めて確認してください。

コピーした値の使い道は？

HEX、rgb(...)、hsl(...)はCSSやデザインメモに使えます。cmyk(...)は通常のCSS色指定ではなく印刷向けの参考メモです。全てコピーすると4形式とプロファイルなしの概算である旨が含まれます。

印刷用の指示には、数値に加えて印刷所が求めるファイル形式と出力条件も記してください。

• ウェブで使う場合はプロジェクトの色空間とCSS表記を確認します。
• 印刷時には数値だけでなく出力条件も確認します。

値が予想と違うときは？

まず範囲を確認します。RGBは各0～255の整数、CMYKは各0～100%、HSLは色相0～360度で他は0～100%です。空欄や未完成の入力中は直前の有効な結果を保ちます。

他のアプリとCMYKが違う場合は文書の色空間とICCプロファイルを比べてください。このツールはプロファイルを用いず、小数第1位まで表示します。