WMW

画像ヒストグラム

Free

ブラウザ内で写真の赤、緑、青、または輝度ヒストグラムを表示し、オーバーレイモードと最小/最大/平均/中央値/標準偏差の統計も確認できます。

すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。

クリックして画像を選択するか、ここにドラッグ&ドロップしてください

最近のアクティビティ

全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。

800×1000 · Luminosity · mean 97.0, std.dev 74.4

1ヶ月前

コメント (0)

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

ゲストのコメントは公開前に確認されます。 ログイン すると即座に投稿できます。

まだコメントはありません。最初にご意見をお寄せください!

このツールの機能

写真の赤、緑、青、または輝度チャンネルの256ビンヒストグラムをブラウザ内で直接描画するか、3つのカラーチャンネルすべてを一度に重ねてカラーバランスを確認します。グラフの下には、選択したチャンネルの最小値、最大値、平均値、中央値、標準偏差が表示され、対数スケールを切り替えて、支配的なスパイクの後ろに隠れた詳細を明らかにすることができます。

仕組み

すべてのピクセルについて、ツールは選択したチャンネルの値(0〜255)を読み取り、その正確な値のカウンターを増やします。輝度は代わりに、標準の0.299赤 + 0.587緑 + 0.114青の加重を使用して、カウントする前に3つのチャンネルすべてを先に組み合わせます。結果として得られる256個のカウントは、セット内で最も高い棒にスケーリングされて棒として描画されるか、対数スケールが有効な場合は、生のカウントの代わりに各カウントの対数でスケーリングされ、巨大なスパイクと他のすべてとの差を縮小します。グラフの下の統計はすべて同じ256個のカウントから導出されます。最小値と最大値は実際に現れる最も低い値と最も高い値、平均値はカウント加重平均値、中央値はすべてのピクセルの半分がその値未満に、半分がその値以上に収まる値、標準偏差は値が平均の周りにどれだけ分散しているかを測定し、似たようなトーンの密集したクラスターは低い数値を、広く分散したトーンは高い数値を示します。

解決できる問題

よくある質問

ヒストグラムは実際に何を示していますか?

これは、選択したチャンネルにおいて、写真内の各値(0から255)を持つピクセルの数をカウントし、それを256本の棒として横に並べて描画します。左側の高い棒は、そのチャンネルで暗いピクセルが多いことを意味し、右側の高い棒は明るいピクセルが多いことを意味します。

赤、緑、青、輝度チャンネルの違いは何ですか?

赤、緑、青は、各ピクセルにおけるその1つのカラーチャンネルの生の値の分布を示します。輝度は代わりに3つすべてを組み合わせて、単一の「このピクセルが人間の目にどれだけ明るく見えるか」という値にします(人間の視覚が最も敏感な緑により重みを置いています)。これは、白黒変換やカメラの露出計が示すものに近いです。

なぜ「すべて(重ね表示)」ビューは単一チャンネルとこれほど違って見えるのですか?

これは、赤、緑、青のヒストグラムをそれぞれの色で半透明に重ねて描画するため、カラーチャンネルがバランスが取れているか(ピークがおおよそ重なっている)、あるいは偏っているか(あるチャンネルの棒が他のものより明らかに左右にずれており、通常はカラーキャストを示す)を一目で確認できます。

いつ対数スケールをオンにすべきですか?

ほとんどの実際の写真には、1つまたは2つの非常に高いスパイク(多くの場合、純黒または純白)があり、デフォルトのリニアスケールでは他のすべての小さな棒が平坦に見えてしまいます。対数スケールはその高いスパイクを圧縮して下げ、小さな棒を引き伸ばして上げるため、支配的なスパイクだけでなく、トーン範囲全体にわたる詳細を実際に見ることができます。

写真はどこかにアップロードされますか?

いいえ。ヒストグラムは、HTML canvas APIを使用してブラウザ内でローカルに計算されます。サーバーには何も送信されません。

関連ツール