画像のカラーコードを調べる

HEX・RGB・HSL：カラーコードの基本

画面上の色はすべて、赤・緑・青の組み合わせで、それぞれ0〜255で表されます。つまり256 × 256 × 256 = 16,777,216色です。RGBコードはこれを10進数で書き、rgb(255, 87, 51) は鮮やかなオレンジです。HEXコードは同じ3つの値を16進数で2文字ずつ書き、#FF5733 になります。FF = 255、57 = 87、33 = 51 だからです。HSLは同じ色を別の方法で表します。色相を色相環の0〜360°で、彩度と明度をパーセントで表し、この例では hsl(11, 100%, 60%) です。HSLは明度だけを変えて、明るい色や暗い色のバリエーションを作るのに便利です。

印刷用のCMYK

プリンターは光ではなくインクを混ぜます。シアン、マゼンタ、イエロー、ブラック（K）を、パーセントで表します。数学的に変換すると、オレンジの #FF5733 はおよそ C 0%、M 66%、Y 80%、K 0%、純粋な赤の #FF0000 は C 0%、M 100%、Y 100%、K 0% になります。この変換は理論値で、実際の仕上がりは用紙、プリンター、印刷会社が使うカラープロファイルによって変わります。画面上ではとても鮮やかな色、特に彩度の高い青や緑は、インクでは再現できず、くすんで印刷されることがあります。大切な印刷物では、色校正を依頼するか、ブランドガイドラインのCMYK値を確認しましょう。

ピクセルごとに色が変わる理由

写真では、均一に見える部分も実際には少しずつ違う色のピクセルでできています。光、影、センサーのノイズが原因です。JPEG圧縮もわずかな変化を加え、文字やロゴの縁は輪郭をなめらかにするために背景色と混ざっています。正しいコードを取得するには、ルーペを使い、縁から離れた色がしっかり塗られた部分の中央をクリックしましょう。ロゴの色を取りたいときは、できればJPEGではなくPNGファイルを使ってください。写真全体の印象をつかむには、ピクセル1つより主要6色のパレットのほうが分かりやすいことが多いです。