📊 画像ヒストグラム表示

画像をドラッグ&ドロップ、またはクリックして選択

画像をアップロードすると、赤・緑・青の各色チャンネルと輝度(明るさ)について、0〜255の階調ごとの画素数の分布をヒストグラムとして表示するツールです。写真の露出や色かぶりの傾向を確認するのに便利です。

使い方

画像をドラッグ&ドロップするか、クリックしてファイルを選択します。
画像の各チャンネル・輝度のヒストグラムが自動的に表示されます。

計算の仕組み

画像の明るさの分布を、赤・緑・青と輝度（明るさ）の4本のグラフで表示します。グラフの読み方・横軸: 明るさ（左端0＝真っ暗、右端255＝真っ白）・縦軸: その明るさのピクセルの数輝度は 0.299 × 赤＋ 0.587 × 緑＋ 0.114 × 青で計算します。半分以上透明なピクセルは数えません。

計算例

・雪景色の写真: 山が右側に寄る（明るい画像）・夜景の写真: 山が左側に寄る（暗い画像）・右端に細い柱が立っている: 白飛び（真っ白でつぶれた部分）がある・赤の山だけが右にずれている: 全体が赤っぽい（色かぶり）

使用上の注意

4本のグラフは、それぞれ一番高い山がグラフの上端に届くように縮めて描いています。色どうしの高さの比べ方は目安として見てください。
「良いヒストグラム」の形は決まっていません。雪景色が右に寄るのは正常です。
処理はブラウザの中で行い、画像を外部に送信しません。

よくある質問

ヒストグラムから何がわかりますか?

横軸は明るさ(0=最も暗い、255=最も明るい)、縦軸はその明るさを持つ画素の数を表します。山が左に偏っていれば暗い画像、右に偏っていれば明るい画像、両端に偏りがあれば白飛び・黒つぶれが多いことを示します。

輝度(グレー線)はどう計算されていますか?

各画素のRGB値から、人間の目の感度を考慮した係数(輝度 = 0.299×R + 0.587×G + 0.114×B)を用いて計算しています。これはテレビ放送などでも使われる標準的な輝度換算式(ITU-R BT.601相当)です。

画像はサーバーにアップロードされますか?

いいえ。すべての処理はブラウザ内で完結し、画像がサーバーに送信されることはありません。

関連ツール

🖼️ SVG→PNG変換 ⭕ 円形クロップ(アイコン)生成 🎨 画像スポイト(色抽出)ツール 🖼️ 画像フチ・額縁生成