ホーム 画像グレースケール

画像グレースケール

画像をグレースケール変換、強度調整可能——100% ブラウザ内で完結。

ソース

画像をここにドロップ

またはクリックして選択

.jpg.png.webp.gif.bmp

オプション

元の画像
グレースケール

グレースケール変換とは?

グレースケール変換とは、フルカラー画像を、各ピクセルが色相ではなく輝度情報のみ——黒と白の間の灰色の階調——を持つモノクロ画像へ変換する処理です。カラー画像では各ピクセルが赤・緑・青の 3 つの数値で記述されますが、グレースケール画像では各ピクセルが 1 つの輝度値で記述されるため、画像は全体が灰色の階調で描かれます。変換には、人間の目が異なる色の明るさをどう知覚するかを考慮した重み付き公式が使われ、結果が自然に見えます。

グレースケールは写真、印刷、書類スキャン、医療画像、機械学習で広く使われます。グレースケール写真は色を取り除き、光・影・テクスチャ・形態を強調し、タイムレスやドラマチックな雰囲気を与えます。グレースケール画像は 3 チャネルではなく 1 チャネルだけ保存するため、圧縮効率も良く、アーカイブや大量処理に有用です。本ツールは変換をすべてブラウザ内で完結し、写真がデバイスから出ることはありません。

グレースケールと白黒の違い

グレースケールと白黒は同義で使われがちですが、異なるものを指します。真の白黒画像(1 ビットまたは 2 値画像とも)は純粋な黒と純粋な白の 2 色調のみを含み、中間階調がないため、厳しく高コントラストなスタンプ状になります。グレースケール画像は黒(0)から白(255)まで通常 256 階調の中間グレーを含み、元の写真の滑らかなグラデーション、柔らかな影、繊細なディテールを保ちます。下表は違いを際立たせます:

属性白黒グレースケール
階調2 色のみ(黒・白)256 階調のグレー
グラデーションなし——硬い縁滑らかなグラデーション
ディテール限定的——影とハイライト消失保持
見た目スタンプ、ステンシル、高コントラスト写真、自然
用途線画、ステンシル、光学認識写真、書類、印刷

要するに、グレースケールは元の写真の豊かさを保ちつつ色を除去し、白黒は最暗と最明点以外をすべて捨てます。本ツールは真のグレースケールを生成するため、写真の滑らかな移行と繊細なディテールが保たれます。厳しい 2 色調効果には別の閾値化ツールが必要です。

グレースケールを使うタイミング

色が無関係、邪魔、または対象メディアでサポートされない多くの状況で、画像をグレースケールに変換するのが正解です。よくあるシーンは以下のとおりです:

  • アート写真。色を除去し、構図・光・影・テクスチャを強調してタイムレスやムードのある仕上がりにします。
  • モノクロプリンターでの印刷。白黒レーザープリンターで印刷する際、グレースケールが滑らかな階調再現を保証します。
  • 書類スキャンと OCR。文字認識は、背景ノイズが減りアンチエイリアスが保たれたクリーンなグレースケールスキャンで最もよく機能します。
  • 新聞や書籍の再現。色が使えない印刷メディアは画像にグレースケールのハーフトーンを頼ります。
  • ファイルサイズ削減。1 チャネルのグレースケール画像は 3 チャネルのカラー画像より圧縮されやすく、アーカイブに有用です。
  • 形と構図への注目。デザイナーは参照写真をグレースケールに変換し、色のバイアスなく構図を研究します。
  • 医療・科学画像。X 線、超音波、多くの顕微鏡キャプチャは本質的にグレースケールで、コントラスト調整が役立ちます。

色が情報を加えない——あるいは逆に気を散らす——ときは常に、グレースケールが見る人を最も重要なもの——形・光・ディテール——へ導きます。

画像をグレースケール変換する方法

本ツールでのグレースケール変換は数秒で終わり、すべてブラウザ内で完結します——アップロード不要、登録不要、透かしなし。変換ツールは画像をローカルで読み込み、Canvas API で各ピクセルの輝度を計算し、強度スライダーに基づいて元の色とブレンドし、結果を出力します。次の手順で進めてください:

  1. 画像をアップロード。アップロードエリアをクリックするか、JPG・PNG・WebP・GIF・BMP ファイルをドラッグ&ドロップ。画像は即座にデコードされてプレビュー表示されます。
  2. 強度を設定。0%(元の色)から 100%(完全グレースケール)のスライダーを使います。中間値は穏やかな脱飽和効果を生みます。
  3. 出力形式を選択。元の形式を保つか、PNG・JPG・WebP を選んで出力します。
  4. グレースケールを適用をクリック。各ピクセルを処理し、元とグレースケール後のファイルサイズを並べて表示します。
  5. グレースケール画像をダウンロード。「グレースケール画像をダウンロード」をクリックして結果を保存。元のファイルは変更されません。

すべてのステップは JavaScript でブラウザ内ローカルに実行されるため、画像がサーバーへアップロードされることはありません。これによりグレースケール変換は完全にプライベートかつ高速で、機密画像にも適しています。

輝度公式の解説

グレースケール変換は赤・緑・青の単純な平均ではなく、人間の目の明るさ知覚に合わせた重み付き公式を使います。人間の目は緑の光に最も敏感で、赤が次、青に最も鈍いため、単純平均では空が明るすぎ、草が暗くなりすぎます。本ツールが使う標準輝度公式は:gray = 0.299 × 赤 + 0.587 × 緑 + 0.114 × 青 です。これらの重みはテレビの ITU-R BT.601 規格に由来し、人間の視聴者にとって自然な明るさのグレースケール画像を生成します。

強度スライダーで元の色と計算されたグレーをブレンドできます。100% 強度では各ピクセルがその輝度値で完全に置き換えられ、完全グレースケール画像になります。50% ではピクセルが色とグレーの半々の混色になり、穏やかに脱飽和された写真に見えます。0% では元の色が完全に保たれます。この線形ブレンドにより、グレースケール効果の強さを細かく制御でき、穏やかなミュート感から純モノクロまで 1 ステップで移行できます。

このグレースケール変換ツールは無料ですか?

はい、完全無料で登録・透かし・制限なしです。

強度スライダーの役割は?

0% は元の色を保ち、100% は完全グレースケール、中間値は部分的な脱飽和効果を生みます。

これは真のグレースケールですか、それとも白黒ですか?

真のグレースケールです——結果は 256 階調のグレーを保ち、滑らかなグラデーションと写真のディテールを維持します。

どの公式を使っていますか?

ITU-R BT.601 輝度公式:gray = 0.299 × R + 0.587 × G + 0.114 × B で、人間の目の明るさ知覚に合致します。

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

いいえ。すべてローカル処理で、画像はブラウザから出ません。