写真からRGB値を調べる方法

簡単な答え

写真を開いて調べたい部分を拡大し、均一な場所に照準を合わせます。表示されたR・G・Bの値をコピーまたは保存できます。重要な用途では近くの数点も測り、値が安定しているか確認してください。

測定する位置を決める

アプリで写真を開き、調べたい部分を拡大して照準を合わせます。輪郭、反射、強い影を避け、同じ素材の中で明るさが安定した場所を選びます。

スクリーンショットでは、文字やアイコンの縁ではなく、塗りが均一な中央を測ります。縁にはアンチエイリアスで背景色が混ざっていることがあります。

RGBは赤（R）、緑（G）、青（B）の強さを通常0〜255で表します。数値が大きいほど、その成分が強く含まれます。

3つの値は順番を保って記録します。WebやCSSで使う場合は rgb(R, G, B) の形にすると、そのまま指定できます。

たとえば RGB(118, 142, 160) は、CSSでは rgb(118, 142, 160)、HEXでは #768EA0 です。R・G・Bをそれぞれ2桁の16進数に変換し、同じ順番でつなげます。

色名は近い色を説明するラベルですが、RGBやHEXはデジタル作業で値を正確に受け渡すための表記です。目的に応じて使い分けます。

平らに見える範囲で近くの3点を測ります。各チャンネルの差が小さければ代表値を選びやすく、大きく変わる場合は影、光沢、模様、グラデーションが含まれています。

元の画像を使い、フィルターや再圧縮を避けると比較しやすくなります。画面上の色は、モニターを撮影するより元のスクリーンショットから測る方が余計な色変化を減らせます。

取得した値はWeb、資料、デザインツールで色を再現する出発点として使えます。ただし、ディスプレイごとの色設定によって見え方は変わります。

壁、塗料、布などの実物は、照明、カメラのホワイトバランス、素材の光沢に影響されます。購入や製造の判断では、写真の値だけで確定せず実物サンプルも確認してください。

調べたい素材の中央付近にある、影や反射の少ない均一な場所を選びます。近くの数点も測り、値が大きく変わらないか確認してください。

赤、緑、青の各成分の強さを通常0〜255で表しています。3つの値の組み合わせがデジタル上の色を指定します。

はい。画像として読み込み、均一な色面の中央を測ります。文字やアイコンの縁は背景色が混ざりやすいので避けます。

候補を絞る参考にはなりますが、実物の色を保証するものではありません。最終判断は使用場所の照明下で塗料サンプルを確認してください。

iPhoneのカメラや写真で写真からRGB値を見つけるために、カラー識別アプリをダウンロードしてください。