CMYK を HEX に換算 Cyan Magenta Yellow Black ↔ Hexadecimal 無料 オンライン 安全
CMYK で値を入れれば、その場で HEX として読めます。計算はあなたのブラウザーの中で行われ、どこへも何も送られません。そして答えが何に左右されるかは、前提にせず下に書いてあります。
アップロードなし
この書き方はどこから来たか
十六進とRGBは、同じものを二通りに書いたものです。画面の色は三つの数——赤と緑と青の光をどれだけ出すか——で、どれも〇から二五五まで、つまり一バイトです。十六進はそのバイトを十六を底として書くだけですから、#FF8800 と rgb(255, 136, 0) は同じ画素への同じ命令です。HSLが考え出されたのは、どちらも人には読めないからでした。色相を色相環の角度で、彩度と明度を百分率で与えますから、作り手は三つの数を計算し直さずに何かを明るくできます。CMYKはまったく別の世界、光ではなく「インキ」のものです。減法で、四枚の版から組み立てられ、画面が出せるすべての色には届きません。画面は光を出し、紙は光を返すだけだからです。
どこで出会うか
十六進は、様式表に打ち込むものであり、意匠の道具が手渡してくるものです。RGBは色に計算が要るところならどこにでも現れます。階調、透明度、濃淡を算出する符号。HSLは手で配色を整えるときに手が伸びる書き方です。したいと思う変更は、たいてい三つの数のどれか一つの変更だからです。CMYKは印刷所が求めるもので、そこへ換算する瞬間こそ、意匠が光であることをやめてインキになる瞬間です。
よくある質問
私のCMYKの結果が印刷所のものと違うのはなぜですか。
唯一正しい換算というものが存在しないからです。このページの計算は、機器に依らない素朴なもので、出発点や大まかな相当値が要るときにはこれが正しい答えです。印刷所は、特定のインキと紙と印刷機を織り込んだ色の形を通して換算します。同じRGBの色でも、光沢紙と非塗工紙とでは別のCMYK値になります。きっちり合わせねばならないものについては、式を信じるより印刷所にその形を尋ねてください。
画面の色のいくつかが印刷できないのはなぜですか。
両者が届く色がそろっていないからです。画面は光を足して色を作り、インキがどうしても並べない鮮やかで濃い青緑や緑を出せます。紙は光を吸って色を作り、いちばん明るくなれるのは紙そのものの白までです。それぞれが届く色の範囲を色域と呼び、重ならないところでは、換算は手持ちのうちいちばん近い色を選ぶほかありません。画面で鮮やかな色が刷ると少しくすんで見えがちなのは、そのためです。
答えは正確ですか。
二つの単位が整数どうしで互いに定義されている場合は正確です — ページは数字の上でそう述べており、丸めは何桁表示するかにしかありません。比が有限小数にならない場合は十二桁の有効数字を示し、関係は近似であると述べます。そうでないふりはしません。
入力したものは端末から出ていきますか。
いいえ。計算はお使いのブラウザーの中で行われます。何も送られませんし、送る先のサーバーもありません。一度読み込めば、通信を切っても動きます。
CMYK を HEX に換算する理由
印刷の人は色を四つの数で書き、ウェブの人は一つの短いコードで書きます。その二つの間のどこかで、入稿指示書がカタログのアクセント色は 0, 60, 100, 0 だと言い、開発者はスタイルシートのハッシュ記号の後に何を入力すればよいか知る必要があります。あるいは、印刷のデザイナーが、ガイドに CMYK しか載っていないブランドのウェブ用の色を求められます。あるいは、メールのテンプレートに、前の季節のチラシと同じオレンジが必要になります。どの場合も、道は CMYK を HEX に換算することです。インクの四つのパーセントを取り、ブラウザが理解する六桁のコードにたどり着きます。
換算は二段階で、このページはその両方を行います。インクから、画面が表示する赤、緑、青の光へ、そしてその三つの数から十六進の綴りへです。二段階目は正確です。一段階目は標準的な公式で、ほぼすべてのウェブツールが使うものであり、正直な限界があります。紙の上のインクと画面の上の光は別のものであり、忠実に換算するには、印刷機、紙、モニターのプロファイルが必要です。それらがなければ、得られるコードは良い出発点であって、一致の約束ではありません。ページはそのことをはっきり述べます。
計算はブラウザ内で行われ、何もアップロードされません。以下には、計算例付きの二段階、換算が保つものと保てないもの、この公式による画面の色が印刷された元の色より明るくなる理由、人が CMYK を HEX に換算する必要がある場面、印刷ブランドのウェブ用の色を一つに決めるための短い手引きがあります。
換算の仕組み
第一段階：インクから光へ
各インクは、光を一部取り去るフィルターとして働きます。シアンは赤を、マゼンタは緑を、イエローは青を取り去り、黒は三つすべての一部を取り去ります。公式は R = 255 × (1 − C) × (1 − K) で、緑はマゼンタ、青はイエローで同様です。cmyk(0%, 60%, 100%, 0%) では、黒はゼロなので、黒の係数は 1 です。赤は 255 × 1 × 1 = 255。緑は 255 × 0.4 × 1 = 102。青は 255 × 0 × 1 = 0。画面の色は rgb(255, 102, 0) です。
第二段階：三つの数からコードへ
各数は十六進で二桁に書かれます。255 は FF、102 は 66、0 は 00 です。ハッシュ記号を付けてまとめると、コードは鮮やかなオレンジの #FF6600 です。第二段階は正確です。HEX は同じ三つの数の別の書き方にすぎません。
整数と整数のパーセント
四つの入力は整数のパーセントで、三つの出力は 0 から 255 の整数に丸められます。どちらの丸めも小さいものですが、色を逆に換算したときに、まったく同じパーセントに戻るとは限らないということです。
換算が保つものと保てないもの
公式が可能な限り近い色を保つ
結果は、公式が置ける限り近い色であり、印刷業者が期待する順序の四つの版、つまりシアン、マゼンタ、イエロー、影を担う黒です。黒は三つのチャンネルすべてに適用され、それは黒インクの層が下にあるものを暗くする仕組みです。
正直な限界：唯一の正解はない
これはページ全体の限界です。忠実な換算には、印刷機、紙、モニターのプロファイルが必要です。それらがなければ、得られるのは標準的な公式です。画面で色を選ぶには十分ですが、ウェブの色と印刷の色が同じだと主張するには足りません。コードは出発点として扱い、昼光の下で印刷された見本と比べて調整してください。
公式が運べないもの
複数のインクを混ぜたリッチブラックは、一つの平坦な暗い色として出てきます。パントンのインクのような特色には CMYK の同等物がまったくないので、その四色の分解はすでに近似であり、その分解から得た HEX は近似の近似です。ブランドの色が特色インクなら、製造者が公表している画面の値を探してください。
往復は正確ではない
四つの数が整数のパーセントで書かれるため、往復した色は一段階ずれることがあります。#5A4632 は #594632 として戻ります。元のものを原本として保ち、一方向にだけ換算してください。
公式の色が印刷より明るく見える理由
紙は光を取り去る
紙は当たった光の一部しか反射せず、完全なフィルターのインクはないので、すべての印刷された色は、公式が示すより暗く鈍くなります。画面は輝き、このページから得るコードは、導かれた元の印刷物より明るくきれいに見えます。
純粋なインクは公式の想定とは違う
公式は 100% のシアンを純粋なシアン、rgb(0, 255, 255) として扱います。実際のシアンのインクはより深く、rgb(0, 174, 239) に近いのです。公式と印刷が最も食い違うのは、インクの値が高い最も強い色です。
ソフト校正のほうが良い
レイアウトのプログラムは、印刷機の ICC プロファイルを使って、画面上で印刷をシミュレートできます。それが利用できるなら、ソフト校正から取った HEX コードは、このページのものより印刷に近くなります。このページは素早い答えに、プロファイルは最終の答えに使ってください。
換算に出会う場面
印刷ブランドのウェブ用の色を指定する
印刷向けに定義されたブランドには CMYK の値があります。ウェブで使うために、デザイナーは CMYK を HEX に換算し、コードをスタイルシートに入れ、印刷された見本と照らします。合意したコードは、CMYK の隣のブランドシートに入ります。
メールのテンプレートと文書
メールクライアントとオフィスのプログラムは HEX コードを受け付けます。テンプレートが印刷物に合わせなければならないとき、換算が出発点となるコードを与えます。
ソーシャルメディアとプレゼンテーション
ソーシャルメディア、スライド、動画のグラフィックは画面の上にあります。印刷されたチラシから取った色は、そこで使えるようになる前に、画面用のコードに変えなければなりません。
同僚との会話
HEX コードは短く、普遍的です。印刷チームが言っているのがどのオレンジかをウェブ開発者に伝える必要があるなら、コードはすぐに使える形です。
ここで CMYK を HEX に換算する方法
四つのパーセントを入力する
最初の欄に、cmyk(0%, 60%, 100%, 0%) の形で色を入力するか、コンマや空白で区切った四つの数だけを入力します。
HEX コードを読む
答えはすぐに現れ、cmyk(0%, 60%, 100%, 0%) = #FF6600 のようになります。大文字で、ハッシュ記号付きで書かれます。
印刷と照らし合わせる
昼光の下で、印刷された見本を画面の隣に持ってください。画面のほうが明るく見えるなら、彩度を少し下げ、落ち着いたコードを記録してください。
これらの表記の由来
HEX と RGB は同じものを二度書いたもの
画面の色は三つの数、つまり、どれだけの赤、緑、青の光を出すかで、それぞれ 0 から 255、つまり一バイトです。HEX は単に、それらのバイトを十六進で書いたものです。コードの背後の数を見るには、HEX から RGB への変換を使ってください。
HSL と CMYK
HSL は、どちらも人間には読みにくいために考案されました。色相を色相環の角度として、彩度と明度をパーセントとして与えるので、デザイナーは三つの数を計算し直さずに何かを明るくできます。CMYK はまったく異なる世界、光ではなくインクに属します。減法混色で、四つの印刷版から作られ、画面が出せるすべての色には届きません。画面は光を放ち、紙は反射するだけだからです。
CMYK を HEX に換算するときの罠
印刷の色が画面に出ると期待する
コードは色相が近く、印刷より明るくなります。昼光の下で見本と比べてください。
文字色に 100% の黒を使う
公式は #000000 を与えます。印刷の黒はもっと柔らかいのです。画面で同じ印象を得たいなら、#141414 のような非常に暗い灰色を選んでください。
行ったり来たりの換算
どちらの方向でも、各段階が誤差を加えます。原本を一つ選び、もう一方はそこから一度だけ導いてください。
特色を忘れる
パントンのインクには公式の画面の値があります。公式の推測の代わりにそれを使ってください。
換算する前によくある質問
cmyk(0%, 0%, 0%, 0%) は HEX でいくつですか。
#FFFFFF、白です。白い紙にインクがない状態です。
cmyk(0%, 0%, 0%, 100%) は HEX でいくつですか。
#000000、公式では黒ですが、印刷の黒はそれほど深くありません。
なぜウェブの色がパンフレットと違って見えるのですか。
二つは光とインクという異なる作り方をされているからです。紙、印刷機、照明のすべてが印刷物を変え、公式はそのどれも知りません。
換算は正確ですか。
計算は単純化したモデルの上では正確です。印刷との一致は近似です。
色はアップロードされますか。
いいえ。計算はブラウザ内で行われ、何もどこにも送られません。
どうやって戻しますか。
HEX から CMYK への変換を使います。
印刷ブランドのウェブ用の色を一つに決める
公式から始めて、目で仕上げる
CMYK を HEX に換算して基準を得てください。それから昼光の下で、画面を印刷された見本と比べ、印象が同じになるまでコードを調整します。結果は、公式ではなくブランドに属するウェブの色です。
得た経緯を記録する
ブランドシートに、その HEX が特定の見本に対して特定の日に目で合わせたものだと書いてください。公式の値となぜ違うのかと疑問に思う将来のデザイナーは、その答えを得られます。
あらゆる場所で使う
一度選んだら、コードはウェブサイト、メールのテンプレート、プレゼンテーション、ソーシャルメディアのキットに現れるべきです。多くの場所での一つの色が、ブランドを一貫して見せます。
印刷が変わったら見直す
ブランドが別の紙や印刷機で再印刷されるなら、印刷の色が変わるかもしれず、一致は再確認すべきです。ブランドの色は、媒体ごとに一つずつの値の組であり、両方を一緒に見直すべきです。
CMYK を HEX に換算するときの実践的な習慣
CMYK を HEX に一色ずつ換算し、結果を書き留める
ブランドには通常、三色から八色があります。それぞれについて CMYK を HEX に換算し、答えを、隣に CMYK を、また合わせたコードの列を付けた表に書いてください。表は作るのに十分で、後で何時間もの当て推量を省きます。色が追加または変更されても、やり直すのは一行だけです。
各色に役割を与える
色を、プライマリ、アクセント、テキスト、サーフェスのように、その働きで名付けてください。HEX コードだけでは、どこで使うかは何も語りませんが、名前は語ります。スタイルシートでは、コードをそれらの名前のカスタムプロパティとして定義すれば、ブランドの変更は数行の編集で済みます。
色の上の文字を確認する
コードができたら、すべての文字と背景の組のコントラストを試してください。紙で読みやすい印刷の色も、背景が輝き文字がそれに対して際立たなければならない画面では、失敗することがあります。HEX コードは、どんなコントラストチェッカーにもそのまま入ります。
暗く彩度の高い色に注意する
最も明るい印刷の色、特に深い青と鮮やかな緑は、公式の値と最も違って見えるものです。ブランドにそうした色があるなら、CMYK を HEX に換算し、それから画面を印刷物の隣で見て、数段階の調整を予想してください。
CMYK をファイル名かメモに残す
換算した色で作った画像や文書を保存するとき、どの CMYK から来たのか書き留めてください。ブランドが再印刷されたり、印刷機が変わったりしたとき、その記録があれば、やましさなく換算をやり直せます。
短縮形と透明度についての注記
短いコード
答えの三つの組が繰り返される場合、たとえば #FF6600 は、スタイルシートで短縮形の #F60 と書けます。同じ色で、読みやすいと感じる人もいます。このページは常に有効な長い形を示します。
透明度
印刷にはこの種の透明度がないので、ここでの答えは常に不透明な色です。ウェブのオーバーレイ用に半透明版が必要なら、コードを取ってアルファの組を足してください。たとえば半分の強さなら #FF660080 です。
関連する変換ツール
同じ系統のツールが隣接する換算をカバーしています。戻るには、HEX から CMYK への変換を使ってください。RGB の数を直接得るには、CMYK から RGB への変換とRGB から CMYK への変換があり、画面の表記そのものには、HEX から RGB への変換、RGB から HEX への変換、HEX から HSL への変換があります。印刷所に送るファイルには、PDF の圧縮が文書を軽くします。
計算例
前の季節のチラシが cmyk(0%, 60%, 100%, 0%) のオレンジを使い、ウェブチームが新しい季節のランディングページのためにそれを必要としているとします。四つの数を入力すると #FF6600 が読み取れます。ページ上ではオレンジは明るく熱く見えます。昼光の下でチラシの隣に持つと、画面の色は明らかにより鮮やかなので、デザイナーはそれを #F26B0F に和らげ、一致を記録します。CMYK は印刷の原本のままで、合わせた HEX はウェブの原本であり、公式の #FF6600 は出発点としてブランドシートに記されます。
短いチェックリスト
換算の前に
色が特色インクではなく、プロセスの CMYK であることを確認してください。できれば、印刷された見本を見つけてください。
換算中に
四つのパーセントを入力し、コードを読み、ハッシュ記号付きでコピーしてください。
換算の後に
昼光の下で見本と比べ、必要なら目で調整し、最終的なコードを、どう得たかのメモとともに記録してください。
よくある間違い
公式を最終のものとみなす
それは出発点です。印刷が決めます。
文字に純粋な黒を使う
印刷の黒はもっと柔らかいのです。同じ印象を得たいなら、暗い灰色を選んでください。
円を描いて換算する
原本から一度だけ換算し、結果を保ってください。
色は端末の中にとどまります
計算はローカルで行われます。値はあなた自身のブラウザが使うだけで、何もどこにも送られません。後で消すものも、作るアカウントもありません。それが CMYK を HEX に換算する素直な方法です。
まとめ
ここで CMYK を HEX に換算するには、四つのパーセントを入力して、すぐに HEX コードを読んでください。換算は二段階です。標準的な公式によるインクから画面が表示する赤、緑、青の光への段階と、その三つの数から十六進の綴りへの正確な段階です。第一段階には唯一の正解がありません。紙の上のインクと画面の上の光は別のものであり、忠実な換算には印刷機、紙、モニターのプロファイルが必要だからです。リッチブラックは一つの平坦な暗い色として出てきて、特色には CMYK の同等物がなく、整数のパーセントのために往復で一段階ずれることがあります。コードは出発点として扱い、印刷された見本と比べてください。何もアップロードされません。