Skip to main content

イメージヒストグラム RGBと明度のヒストグラムを使用して、画像の色分布を視覚化します。

イメージヒストグラム illustration
🖼️

イメージヒストグラム

RGBと明度のヒストグラムを使用して、画像の色分布を視覚化します。

1

画像をアップロード

分析するために、画像をドロップまたは選択してください。

2

ヒストグラムの表示

RGBチャンネルと明度分布グラフを確認します。

3

色の分析

ピーク、シャドウ、ミッドトーン、ハイライトを調べます。

Loading tool...

What Is イメージヒストグラム?

画像のヒストグラムツールで、赤(Red)、緑(Green)、青(Blue)および輝度(Luminance)のチャンネルに対するピクセル値の分布を視覚化します。ヒストグラムは、写真における露出、コントラスト、および色バランスの理解に不可欠です。このツールは、4つの別々のグラフを表示し、ピクセルの強度(0-255)がどのように分布しているかを示しています。左側のピークは影、中心のピークはミッドトーン、中右のピークはハイライトを表します。

Why Use イメージヒストグラム?

  • R、G、B、および明度チャンネルのグラフを個別に表示
  • 露出問題や色のゆがみを特定します
  • シャドウ、ミッドトーン、ハイライトの分布を分析する
  • 写真撮影とカラーコレクションには不可欠です

Common Use Cases

写真撮影

編集前後の画像の露出やダイナミックレンジを確認します。

色の補正

RGBチャンネルのバランスを比較して色のゆがみを特定します。

印刷準備

画像に適切なトーン範囲があることを確認し、高品質な印刷を行います。

画像の品質

クリッピング、露出不足、または過剰露光などの問題を検出します。

Technical Guide

Canvas の getImageData を使用してピクセルデータを抽出します。各ピクセルについて、R、G、B 値(0-255)をそれぞれ 256 本の配列に集計します。輝度は、0.299R + 0.587G + 0.114B として計算されます。ヒストグラムは、個々の Canvas 要素上で色付きのバーが最大ビン数にスケールされた状態でレンダリングされます。X 軸は強度(0-255)を表し、Y 軸はピクセル数を表します。

Tips & Best Practices

  • 1
    適切に露出された画像はヒストグラム全体に広がります
  • 2
    端でのクリッピングはシャドウやハイライトの詳細損失を意味します
  • 3
    色のゆがみを検出するためにRGBチャンネルを比較してください
  • 4
    編集前後のヒストグラムを使用して編集を評価します

Related Tools

Frequently Asked Questions

Q ヒストグラムとは?
明度レベル0(黒)から255(白)までの各ピクセルの数を示すグラフです。
Q 色は何を意味しますか?
赤、緑、青は個々のチャンネル分布を表し、白は全体的な明度を表します。
Q クリッピングを読み取るには?
左端または右端に高く尖ったスパイクがあるとクリッピング(詳細の損失)が発生しています。
Q ヒストグラムをエクスポートできますか?
参照用としてヒストグラムチャートを画像としてダウンロードすることができます。
Q 画像は変更されますか?
いいえ - これは読み取り専用の分析ツールです。元の画像は変更されません。FreeToolkitでは、画像編集をサポートしています。

About This Tool

イメージヒストグラム is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.