CMYK を RGB に換算 Cyan Magenta Yellow Black ↔ Red Green Blue 無料 オンライン 安全
CMYK で値を入れれば、その場で RGB として読めます。計算はあなたのブラウザーの中で行われ、どこへも何も送られません。そして答えが何に左右されるかは、前提にせず下に書いてあります。
アップロードなし
この書き方はどこから来たか
十六進とRGBは、同じものを二通りに書いたものです。画面の色は三つの数——赤と緑と青の光をどれだけ出すか——で、どれも〇から二五五まで、つまり一バイトです。十六進はそのバイトを十六を底として書くだけですから、#FF8800 と rgb(255, 136, 0) は同じ画素への同じ命令です。HSLが考え出されたのは、どちらも人には読めないからでした。色相を色相環の角度で、彩度と明度を百分率で与えますから、作り手は三つの数を計算し直さずに何かを明るくできます。CMYKはまったく別の世界、光ではなく「インキ」のものです。減法で、四枚の版から組み立てられ、画面が出せるすべての色には届きません。画面は光を出し、紙は光を返すだけだからです。
どこで出会うか
十六進は、様式表に打ち込むものであり、意匠の道具が手渡してくるものです。RGBは色に計算が要るところならどこにでも現れます。階調、透明度、濃淡を算出する符号。HSLは手で配色を整えるときに手が伸びる書き方です。したいと思う変更は、たいてい三つの数のどれか一つの変更だからです。CMYKは印刷所が求めるもので、そこへ換算する瞬間こそ、意匠が光であることをやめてインキになる瞬間です。
よくある質問
私のCMYKの結果が印刷所のものと違うのはなぜですか。
唯一正しい換算というものが存在しないからです。このページの計算は、機器に依らない素朴なもので、出発点や大まかな相当値が要るときにはこれが正しい答えです。印刷所は、特定のインキと紙と印刷機を織り込んだ色の形を通して換算します。同じRGBの色でも、光沢紙と非塗工紙とでは別のCMYK値になります。きっちり合わせねばならないものについては、式を信じるより印刷所にその形を尋ねてください。
画面の色のいくつかが印刷できないのはなぜですか。
両者が届く色がそろっていないからです。画面は光を足して色を作り、インキがどうしても並べない鮮やかで濃い青緑や緑を出せます。紙は光を吸って色を作り、いちばん明るくなれるのは紙そのものの白までです。それぞれが届く色の範囲を色域と呼び、重ならないところでは、換算は手持ちのうちいちばん近い色を選ぶほかありません。画面で鮮やかな色が刷ると少しくすんで見えがちなのは、そのためです。
答えは正確ですか。
二つの単位が整数どうしで互いに定義されている場合は正確です — ページは数字の上でそう述べており、丸めは何桁表示するかにしかありません。比が有限小数にならない場合は十二桁の有効数字を示し、関係は近似であると述べます。そうでないふりはしません。
入力したものは端末から出ていきますか。
いいえ。計算はお使いのブラウザーの中で行われます。何も送られませんし、送る先のサーバーもありません。一度読み込めば、通信を切っても動きます。
CMYK を RGB に換算する理由
印刷の色は、シアン、マゼンタ、イエロー、黒の四つのパーセントで書かれます。ブランドガイドは緑を 75, 0, 25, 52 と示します。印刷所の入稿指示書は、表紙が 0, 22, 44, 65 だと言います。昨年のチラシには、誰も画面用に書き留めなかった青が使われています。さて、これらの色を、赤、緑、青しか存在しないウェブサイト、プレゼンテーション、ソーシャルメディアの投稿で使わなければなりません。CMYK を RGB に換算するとは、インクのために作られた色を取り、それに最も近い画面の色を見つけることです。
換算が何を提供できるかについては、はっきりさせておく価値があります。印刷された色はインク、紙、光の結果であり、画面の色は光だけの結果です。両者の間で忠実に換算するには、印刷機、紙、モニターのプロファイルが必要です。それらがなければ、ほぼすべてのウェブツールが使う標準的な公式が得られます。それは画面で色を選ぶには十分で、印刷に合わせるための妥当な出発点ですが、正確な一致ではありません。このページはそれ以上のことは主張しません。ブラウザ内で計算を行い、過程を示し、正直な限界がどこにあるかを伝えます。
何もアップロードされません。以下には、公式、計算例、換算が保つものと保てないもの、公式による色が印刷された元の色よりしばしば明るく見える理由、人が CMYK を RGB に換算する必要がある場面、ブランドの印刷版と画面版をそろえておく数々の習慣があります。
換算の仕組み
インクから光へ
公式は、各インクを光の一部を取り除くフィルターとして扱います。シアンは赤を、マゼンタは緑を、イエローは青を取り除き、黒はすべての一部を取り除きます。したがって、見える赤は、シアンと黒が取り分を取った後に残るもので、緑と青も同様です。数で言えば、各チャンネルは 255 に、一から対応するインクを引いたものを掛け、さらに一から黒を引いたものを掛けたものです。R = 255 × (1 − C) × (1 − K)、G = 255 × (1 − M) × (1 − K)、B = 255 × (1 − Y) × (1 − K)。
例
cmyk(0%, 22%, 44%, 65%) では、黒の係数は 1 − 0.65 = 0.35 です。赤は 255 × 1 × 0.35 = 89。緑は 255 × 0.78 × 0.35 = 70。青は 255 × 0.56 × 0.35 = 50。結果は rgb(89, 70, 50) で、ページが最初に表示する色であり、HEX では #594632 です。
入力としてのパーセント
四つの数は 0 から 100 のパーセントです。ページは、パーセント記号の有無にかかわらず受け付けます。範囲外の値はその範囲に制限されます。負のインクも、一枚の版を超える量も、意味がないからです。
換算が保つものと保てないもの
公式が可能な限り近い色を保つ
結果は、公式が置ける限り近い色であり、印刷業者が期待する順序の四つの版、つまりシアン、マゼンタ、イエロー、影を担う黒です。黒は三つのチャンネルすべてに適用され、それは紙の上での仕組みで、黒インクの層がその下のすべてを暗くします。
正直な限界：唯一の正解はない
紙の上のインクと画面の上の光は別のものであり、両者の間で忠実に換算するには、印刷機、紙、モニターのプロファイルが必要です。それらがなければ、得られるのは、ほぼすべてのウェブツールが使う標準的な公式です。画面で色を選ぶには十分ですが、ウェブ版と印刷版が同じだと言うには足りません。数は出発点として扱い、印刷された見本と比べてください。
公式が運べないさらに二つのもの
複数のインクを混ぜたリッチブラックは、それを作ったインクの痕跡なしに、平坦な暗い色として出てきます。また特色には CMYK の同等物がまったくないので、元がパントンのインクなら、四色のどんな分解もすでに近似であり、そこから得た画面の色は近似の近似です。
整数のパーセント
四つの数が整数のパーセントで書かれるため、往復した色は一段階ずれることがあります。#5A4632 は #594632 として戻ります。その差は目に見えません。ただ、往復が正確ではないことを意味するので、元の値を原本として保ってください。
公式の色が明るく見える理由
公式は紙を無視する
紙は決して完全な白ではなく、インクは決して完全に吸収しません。印刷されたページは当たった光の一部しか反射しないので、すべての印刷された色は、公式の値より少し暗く鈍くなります。CMYK を RGB に換算して、結果を輝く画面に置くと、色は印刷よりも明るくきれいに見えます。それは公式が単純だからで、印刷所が間違っているのではありません。
純粋なインクは公式の色ではない
公式は、100% のシアンがちょうど rgb(0, 255, 255)、純粋なシアンだと想定します。実際のシアンのインクはより深く緑味が少なく、その画面での同等物は、一般的なプロファイルでは rgb(0, 174, 239) に近いのです。したがってベタのインクは、現実よりも公式の中ではるかに明るく見えます。インクの値が高い色が、差が最も大きいものです。
プロファイルが差を埋める
色管理されたワークフローは、印刷機の ICC プロファイルを使って CMYK をデバイスに依存しない色に変換し、次に画面のプロファイルでそれを表示します。正しいプロファイルのあるレイアウトのプログラムでは、画面上のソフト校正は印刷に近づきます。このページの公式は、その過程の、プロファイルなしの単純版です。
換算に出会う場面
印刷ブランドをウェブに載せる
ブランドが印刷向けに定義された会社には、CMYK の値があって画面の値がありません。合うウェブサイトを作るために、デザイナーは CMYK を RGB に換算し、結果を昼光の下で印刷された見本と比べ、二つが似るまで調整します。最終的な画面の値は、ブランドシートに記録されます。
印刷所の仕様を読む
入稿指示書は表紙の色を CMYK で挙げています。校正刷りが届く前に、それらがどんなものか感じをつかむために、RGB に換算して画面で見られます。印刷そのものではありませんが、色相と深さの予告になります。
モックアップとプレゼンテーション
印刷されたチラシがどう見えるかをプレゼンテーションで顧客に見せるとき、色は画面の色でなければなりません。チラシの CMYK の値を換算するのが第一歩で、続いて目視の確認を行います。
古い資料のデジタル化
印刷物のスキャンは画面の色を与えますが、仕様書は CMYK しか与えません。仕様書からデザインを再現したいなら、その色を換算することで、作業の土台が得られます。
ここで CMYK を RGB に換算する方法
四つのパーセントを入力する
最初の欄に、cmyk(0%, 22%, 44%, 65%) の形で色を入力するか、コンマや空白で区切った四つの数だけを入力します。
rgb の値を読む
答えはすぐに現れ、cmyk(0%, 22%, 44%, 65%) = rgb(89, 70, 50) のようになります。三つの数は 0 から 255 の範囲です。
印刷と比べる
印刷された見本があれば、昼光の下で画面の隣に持ってください。より近い一致が必要なら rgb の値を目で調整し、落ち着いた値を記録してください。
これらの表記の由来
HEX と RGB は同じものを二度書いたもの
画面の色は三つの数、つまり、どれだけの赤、緑、青の光を出すかで、それぞれ 0 から 255、つまり一バイトです。HEX は単に、それらのバイトを十六進で書いたものです。CMYK の色の HEX コードを直接知りたいなら、CMYK から HEX への変換が両方の段階を一度に行います。
HSL と CMYK
HSL は、どちらも人間には読みにくいために考案されました。色相を色相環の角度として、彩度と明度をパーセントとして与えるので、デザイナーは三つの数を計算し直さずに何かを明るくできます。CMYK はまったく異なる世界、光ではなくインクに属します。減法混色で、四つの印刷版から作られ、画面が出せるすべての色には届きません。画面は光を放ち、紙は反射するだけだからです。
CMYK を RGB に換算するときの罠
印刷との一致を期待する
画面の色は色相が近く、深さが違います。昼光の下で本物の見本と比べて調整してください。
100% の黒を純粋な黒とみなす
K が 100% なら公式は rgb(0, 0, 0) を与えますが、印刷の黒は少し光を反射する暗い灰色です。多くのデザイナーは、印刷の黒のように見えなければならない文字には、rgb(20, 20, 20) か似たものを好みます。
何度も換算する
二つの体系の間の換算のたびに誤差が加わります。元の CMYK から一度だけ換算し、結果を保ってください。
特色が CMYK ではないことを忘れる
ブランドの色がパントンのインクなら、インクの製造者が公表している公式の画面の値を求め、公式の代わりにそれを使ってください。
換算する前によくある質問
cmyk(0%, 0%, 0%, 0%) は RGB でいくつですか。
rgb(255, 255, 255)、白です。白い紙にインクがない状態です。
cmyk(0%, 0%, 0%, 100%) は RGB でいくつですか。
rgb(0, 0, 0)、公式では黒ですが、印刷の黒はそれほど深く見えません。
なぜ印刷の色のほうが鈍く見えるのですか。
紙は光の一部しか反射せず、インクは完全なフィルターではないからです。公式はそのどちらも知りません。
換算は正確ですか。
単純化したモデルの上での正確な計算です。結果は良い出発点であって、印刷との一致ではありません。
色はアップロードされますか。
いいえ。計算はブラウザ内で行われ、何もどこにも送られません。
どうやって戻しますか。
RGB から CMYK への変換を使います。
印刷と画面をそろえておく習慣
両方を載せたブランドシートを保つ
各色を両方の形で、一致をどう取ったかのメモとともに書いてください。プロファイルによるのか、見本に対して目で合わせたのか、公式によるのか。次に CMYK を RGB に換算する必要がある人は、数をどこまで信頼できるか知ることになります。
合わせた見本を記録する
日付と印刷機を付けて、印刷された色見本を引き出しに保管してください。二人が色について意見が合わないとき、重要な唯一の真実です。
デザインソフトでプロファイルを使う
レイアウトと画像のプログラムは、ICC プロファイルで換算し、ソフト校正を表示できます。一度設定すれば、画面はどんなウェブの公式よりもずっと印刷に近づきます。
換算した色を際限なく編集しない
画面版が合わせられたら、記録して止めてください。異なる画面でさらに手を加えても、誰にも再現できない版を生むだけです。
画面版を信頼できるものにする
管理された光の下で目で合わせる
CMYK を RGB に換算した後、最良の確認は昔ながらのものです。画面の明るさを通常の水準にして、色付きのランプの下ではなく昼光の下で、印刷された見本を画面の隣に持ってください。二つを数秒見て、それから目をそらして戻します。画面が明らかに明るいか青く見えるなら、彩度を少し下げてください。科学的ではありませんが、多くのブランドの色が長年合わせられてきた方法です。
色が重要なら校正する
校正されていないモニターは、色と明るさで目立つほどずれていることがあります。仕事が印刷と画面を合わせることに依存するなら、ハードウェアのキャリブレーターは小さな投資です。それがなければ、一致は自分の画面では正しく見え、他のすべての場所では間違って見えるかもしれません。
見本を権威とする
人が色について意見が合わないとき、画面ではなく印刷された色見本を指してください。画面は異なり、色見本はブランドガイドが記述する基準です。CMYK を RGB に換算するときはいつでも、結果を色そのものではなく、画面で使うための色見本の記述と考えてください。
ウェブ全体で一貫させる
画面の値を決めたら、サイト、メール、プレゼンテーションのあらゆる場所でそれを使ってください。三つのページに少しずつ違う三つの緑を示すブランドは、それぞれの緑が弁護できるとしても、ずさんに見えます。
関連する変換ツール
同じ系統のツールが隣接する換算をカバーしています。戻るには、RGB から CMYK への変換を使ってください。HEX コードには、CMYK から HEX への変換とHEX から CMYK への変換があり、画面の表記そのものには、RGB から HEX への変換、HEX から RGB への変換、HEX から HSL への変換があります。印刷に備えた文書には、PDF の圧縮が送るためにファイルを軽くします。
計算例
三年前のある会社のパンフレットが cmyk(75%, 0%, 25%, 52%) と指定された緑を使っていて、新しいウェブサイトがそれに合わなければならないとします。四つの数を入力すると rgb(31, 122, 92) が読み取れ、それは #1F7A5C です。その色でページを作り、それから昼光の下でパンフレットを画面の隣に持ちます。パンフレットは少し深く見えるので、明度をわずかに下げて #1B7155 にし、デザイナーとそれで合意します。ブランドシートには今、CMYK、公式の RGB、合わせた RGB が、それぞれそのように記されて載っています。
短いチェックリスト
換算の前に
色がプロセスの CMYK か特色インクか、印刷された見本があるかどうかを確かめてください。
換算中に
四つのパーセントを入力し、rgb の値を読み、出発点として書き留めてください。
換算の後に
昼光の下で印刷物と比べ、必要なら目で調整し、最終的な値を、どう得たかのメモとともに記録してください。
よくある間違い
公式を一致として信頼する
それは出発点です。印刷が決めます。
文字の色に 100% の黒を使う
印刷の黒は、画面の純粋な黒より柔らかいのです。同じ印象を得たいなら、非常に暗い灰色を選んでください。
円を描いて換算する
原本から一度だけ換算し、結果を保ってください。
色は端末の中にとどまります
計算はローカルで行われます。値はあなた自身のブラウザが使うだけで、何もどこにも送られません。後で消すものも、作るアカウントもありません。それが CMYK を RGB に換算する素直な方法です。
まとめ
ここで CMYK を RGB に換算するには、四つのパーセントを入力して、すぐに rgb の値を読んでください。R = 255 × (1 − C) × (1 − K) を使い、緑と青も同様です。結果は、公式が置ける限り近い色です。唯一の正解はありません。紙の上のインクと画面の上の光は別のものであり、忠実な換算には印刷機、紙、モニターのプロファイルが必要だからです。リッチブラックは平坦な暗い色として出てきて、特色には CMYK の同等物がなく、整数のパーセントのために往復で一段階ずれることがあります。数は出発点として扱い、印刷された見本と比べてください。何もアップロードされません。