グレースケール画像とは？

グレースケール画像は、各ピクセルの明るさだけを残して色を取り除き、黒から白までの濃淡で表現します。興味深いのは、色がどのようにグレーに変換されるかです。黄色も青も画面上では最大の強さで表示されますが、目には黄色のほうがずっと明るく見えます。適切に変換すれば、どちらも同じ中間的なグレーにするのではなく、黄色は明るいグレーに、青は暗いグレーになります。

ツールの説明

画像を開くと、色の明るさを目で見たときの印象に合わせる方式で、すぐにグレーに変換されます。別の方式を選んで、色をグレーに変換する方法を変更することもできます。単純な平均、HSLの明度、または単一のカラーチャンネルから選べます。元画像と変換結果を比較して、PNG、JPG、WebP形式でダウンロードできます。

特長

  • 視覚的な輝度から単一チャンネルまで、6種類の変換方式
  • 透明な領域は透明なまま維持
  • ブラウザー上で処理し、変換前と変換後を比較できるライブプレビュー

仕組み

  • 輝度では、各チャンネルの見た目の明るさに応じて重み付けします。緑の割合が最も大きく、次に赤、青の順に小さくなります。このツールは、光が加算される仕組みに合わせてリニアライトで計算するため、変換後のグレーは置き換え前の色と正確に同じ明るさになります。
  • 平均では、赤、緑、青の値の平均を使います。そのため、青は実際に見える印象より明るく、緑は暗くなります。
  • 明度では、最も明るいチャンネルと最も暗いチャンネルの中間の値を使います。これはHSLのLにあたります。純粋な赤、緑、青はすべて同じ中間的なグレーになるため、平坦な印象の仕上がりになります。
  • 赤チャンネル、緑チャンネル、青チャンネルでは、カラーフィルターを通して撮影した白黒フィルムのように、各チャンネルのうち1つだけを残します。赤チャンネルでは青空が暗くなり、肌の質感がなめらかになります。青チャンネルではその逆になります。

ヒント

  • まずは輝度を試してみましょう。見たときの情景の明るさが保たれます。
  • 印象的な空にしたい場合は、赤チャンネルを試してみましょう。青空が暗くなり、雲が際立ちます。
  • ファイルサイズを最小限にするにはJPGで、透明度を維持するにはPNGでダウンロードします。