RGBとCMYK:印刷すると色が変わる理由
お店の周年イベント用にターポリンの横断幕をデザインしたとします。背景は、ノートPCの画面でほとんど唸っているような青——後ろから照らされているように見える、あの青です。データを送り、90×60cmの印刷代を払い、二日後に受け取りに行く。
戻ってきた青は、色落ちしたデニムのようでした。
誰かがデータをすり替えたわけでも、印刷所が手を抜いたわけでもありません。画面に出ていたその色は、そもそもインクでは作れない色だった。印刷機に乗った瞬間、物理的な世界に実在するいちばん近い色へ、静かに置き換えられただけです。このRGBとCMYKのあいだのズレは、「画面では完璧だったのに刷ったら違う」の最大の原因で、横断幕やチラシ、ステッカーで毎日誰かのお金を無駄にしています。
RGBとCMYK:色の作り方がまるで違う
画面は光を足して色を作ります。黒——つまり消えたピクセル——から始めて、赤と緑と青をあなたの目に撃ち込む。三つとも全開なら白。これがRGBで、加法混色です。
紙は光を引いて色を作ります。白——紙やターポリン——から始めて、そこに反射する光の一部を吸い取るインクを載せる。シアンは赤を、マゼンタは緑を、イエローは青を吸う。三つ重ねると濁ったほぼ黒になるので、印刷機は四つめに専用の黒インク(K)を持っています。これがCMYKで、減法混色です。
肝心なのはここです。この二つが到達できる色の集合は、同じではありません。画面は光をあなたに直接放てる。インクは、もともとそこにあった光を「吸わずに残す」ことしかできない。だから色相環の明るく彩度の高い一角で、RGBが行ける場所にCMYKはついていけません。
RGBのデータを印刷に回すと、CMYKの範囲の外にある色はすべて、範囲内でいちばん近い色に置き換えられます。この置き換えが、あの「色落ちしたデニム」です。エラーではありません。機械にできる唯一のことだったのです。
必ず裏切ってくる色
これを避けるのに色彩科学の学位は要りません。要るのは、短い容疑者リストです。
- エレクトリックブルーとシアン。 断トツの最悪。鮮やかなシアン寄りの青は、一般的な画面でもっとも印刷域を外れる色で、はっきりと鈍く、灰色寄りに刷り上がります。
- ネオングリーン。 夏じゅう日に当てていたような色で戻ってきます。
- ショッキングピンクと強い紫。 ずれます。しかも明度だけでなく色相ごとずれることが多い——つまり「鈍くなる」のではなく「別の色になる」。
- 叫ぶようなオレンジレッド。 輝きを失って、レンガ色寄りのどこかに着地します。
四つに共通するパターンは一つ。光っているように見える色は、インクには作れない。 光っているとは、光源であるということ。フェンスに掛かった横断幕は光源ではありません。太陽の光を跳ね返しているだけの物体です。ルールはこれで全部で、どんなカラープロファイル設定よりも多くの刷り直しを防いでくれます。
対処は「強い色をあきらめる」ことではなく、一段深い兄弟を選ぶことです。濃くて少し暗い青は変換をほぼ無傷で通過し、白と並べれば二十メートル先からでも十分に強い。その色を他の要素とどう組み合わせるかの理屈は、プロっぽく見える配色の作り方にまとめてあります。
誰も警告してくれない、印刷の落とし穴あと三つ
色域は有名な方です。この三つも同じくらいの金額を持っていきます。
1. 黒い文字は四色ではなく一色で。 四色を混ぜた「リッチブラック」で本文を組むと、四枚の版が完璧に合っている必要があります。安価な大判の仕事でそれは揃わず、輪郭がわずかにボケて色のフチが出た文字が返ってきます。小さい文字は純粋な黒一色。逆に大きな黒い面は、一色黒だと痩せて色あせて見える——リッチブラックの出番はそちらです。
2. 白は刷られていません。紙そのものです。 標準的な印刷機に白インクはありません。デザイン上の白い要素はすべて、単に「インクが載らない領域」です。つまり濃い背景に細い白文字を置くと、インクの太りに丸ごと左右されます。濃いインクがコンマ数ミリ内側へにじみ、文字の隙間を潰す。濃地の白文字は、白地の黒文字より太く、大きくしなければなりません。少しではなく、はっきりと。
3. モニターは明るさについて嘘をつきます。 あなたが見ているのはバックライト付きのパネルで、たぶん輝度80〜100%、部屋はやや暗い。印刷物は反射光で、置かれた場所の照明で見られます。何もかも想像より一段暗く刷り上がり、暗いグレーは黒に潰れがちです。暗い色の上に暗い色という繊細なコントラストに頼った設計は、消えます。
具体例:周年の横断幕
近所の商店の三周年用に、90×60cmの横断幕を作るとします。最初のバージョンはこう:
#00E5FFあたりのエレクトリックシアンの背景- ネオングリーンの「3周年」バッジ
- 下部に細い白文字で住所と電話番号
- 見出しの後ろに柔らかいグレーのドロップシャドウ
この四つ、どれも印刷事故の予約済みです。シアンは平たくなる。ネオングリーンはその横で濁り、しかも両方がずれた結果、二色の対比まで縮んでバッジが飛び出さなくなる。細い白文字は潰れる。グレーの影は、消えるか汚れたシミになるかのどちらかです。
二番目のバージョンは、四箇所だけ変えます。それ以外は一切そのまま:
- 背景を
#00E5FFから、落ち着いた深い青#0B5FA5へ。まぎれもなく青のままで、通りの向こうからでも十分強い。しかも、インクが実際に届く色です。 - バッジをネオングリーンから暖かいイエロー
#F5B301へ。イエローは四色のうちの一つなので、見たままにほぼ近く刷れる。深い青に対しては、買える中でいちばん騒がしい組み合わせです。 - 下段の行を Light 24pt から Bold 34pt へ。線が太りに耐えられる太さになれば、インクの太りは問題でなくなります。
- ドロップシャドウは丸ごと削除し、見出しの後ろにベタの面を敷く。印刷では、繊細さよりベタが勝ちます。
これは妥協版ではありません。最初のバージョンがノートPCで見えていたとおりに、フェンスの上で見えるバージョンです。色だけでなく、そもそも眠い・ジャギーが出た状態で戻ってきたなら、それは別の問題です——ぼやけた印刷とキャンバスサイズについてはこちら。
Ridvay Studioでの作り方
ここまでの話は、カラープロファイルに一切触れずに実行できます。直し方は設定ではなく、デザインの判断だからです。Studioを開いて、こう打ちます:
90x60cmの周年記念ターポリン横断幕、マリソル商店という近所のお店向け、深い青の背景、白の巨大な見出し「3周年」、黄色の割引バッジ、下部に太字で住所と電話番号
返ってくるのは、気に入らないたびに生成し直す平らな画像ではありません。編集できるデザインです——見出しは本物のテキストレイヤー、バッジは本物のシェイプ、背景は本物の塗り。それぞれに色とフォントと位置があります。だから上の四つは自分の手で直せます:
- 背景をクリックし、カラー欄に
#0B5FA5を貼り付ける。 カラーホイールから選ばずHEXを直接入力してください。ホイールはあなたを、また光る版へ引き戻そうとします。 - バッジを選び、塗りを
#F5B301に。 新しい青との対比をよく見る。二十メートル先で成立しなければならないのはこの組み合わせです。 - 下段の連絡先の行をクリックし、ウェイトをBoldに、サイズを上げる。 画面上で「少し大きすぎる」と感じるところまで。刷った横断幕では、少し大きすぎるが正解です。
- 影を削除し、代わりに見出しの後ろへベタの長方形を置く。 一段背面へ送れば、見たままに刷れる面の出来上がりです。
あとは印刷に強いこの青と黄色をブランドキットに保存すれば、以降の横断幕もチラシもステッカーも、インクを生き延びると分かっている色から始まります。これが本当の見返りで、この教訓を学ぶのは一度きりで済みます。
正直な補足を一つ。StudioはRGBのPNGとJPGを書き出します。実務上、ターポリン店もステッカー業者もオンラインのチラシサービスも、ほぼそれを求めますし、変換は先方で行われます。商業印刷所からCMYKのPDFを名指しで求められたら、PNGを送って相談してみてください。たいていは平然と変換してくれます。いずれにせよ結果を決めるのは、インクが届く色を選んだかどうかであって、渡したファイル形式ではありません。
インク代を払う前の確認手順
効果の大きい順に四つ:
- 光る色を避ける。 無料、所要時間ゼロ、問題のほとんどを未然に防ぎます。
- 印刷所にどの形式が欲しいか聞く。 メッセージ一通、三十秒。RGBのPNGを望むところ、CMYKのPDFを望むところ、特定のDPIを指定するところがあります。刷り直しの原因は、たいてい「推測」です。
- 小さいテストを一枚刷る。 二メートルの塩ビに踏み切る前に、同じ店の同じ機械でA4の校正を出してもらう。安いうえに、唯一本当に信頼できるプレビューです。
- 校正は昼光で見る。店の蛍光灯の下ではなく。 照明がインクの見え方を変える度合いは、多くの人の想像より大きいです。
印刷について居心地の悪い真実は、あなたの画面ではそれをプレビューできない、ということです。ただし画面にもできることがある——そもそも印刷不可能なものを作ってしまうのを止めることです。そして勝負のほとんどは、そこで決まります。