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

いいえ。ファイル選択 / ドロップ時点で Image オブジェクトと Canvas で読み込まれ、getImageData で各ピクセルの RGB を読み取り、選択した方式でグレースケール値を計算し、putImageData で書き戻します。ネットワーク通信は一切発生しません。

「平均」と「輝度」はどう違うのですか?

平均は (R+G+B)/3 のシンプルな計算。輝度は BT.601 の係数 (0.299R + 0.587G + 0.114B) で重み付けし、人間の視覚特性 (緑に最も敏感、青に最も鈍感) を反映します。写真をグレースケール化するなら輝度の方が自然です。デザイン素材やアイコンのフラットなトーン変換には平均で十分です。

単一チャンネル (赤 / 緑 / 青) を使うのはどんなとき?

古典的なフィルム写真風の表現や、特定のコントラスト効果を狙うときに使います。例えば「青チャンネル」は空や雲を明るく、肌のシミを暗く写し、ドラマチックな白黒写真になります。「赤チャンネル」は逆に肌のしわや赤みが暗く落ちて、温かみのある仕上がりに。「緑チャンネル」は植物や風景写真のディテールを最も忠実に残します。

アルファチャンネル (透過) は保持されますか?

はい。RGB 各チャンネルだけを書き換え、アルファチャンネルはそのまま保持されます。出力形式に PNG または WebP を選べば透過が残ります (JPEG は不透過なので白で埋められます)。

EXIF や位置情報は残りますか?

残りません。Canvas を経由した時点で EXIF / GPS / Orientation などのメタデータはすべて除去されます。SNS に投稿する前のメタデータ消去ツールとしても使えます。

対応している画像形式は?

ブラウザがネイティブにデコードできる JPEG / PNG / WebP に対応しています。HEIC (iPhone 写真) は先に HEIC → JPEG ツールで変換してから本ツールに通してください。

画像へ戻る

画像モノクロ化 — グレースケール 5 方式 (輝度・チャンネル別)

JPEG / PNG / WebP をブラウザ内でグレースケール化します。変換方式は平均 / 輝度 (BT.601) / 赤 / 緑 / 青チャンネル単独の 5 種類から選択可能。出力形式 (PNG / JPEG / WebP) と JPEG / WebP の品質も調整できます。アップロードした画像は外部に送信されず、すべて Canvas でブラウザ内処理されます。

画像色

使い方

変換方式を選んで (平均 / 輝度 / 赤・緑・青チャンネル)、画像をドロップまたはファイル選択でアップロードします。出力形式 (PNG / JPEG / WebP) と JPEG / WebP の品質を選んで「グレースケール化」を押すと、変換済み画像をダウンロードできます。Canvas を経由するので EXIF / 位置情報メタデータは自動で除去されます。すべての処理はブラウザ内で完結し、画像はサーバーに送信されません。

よくある質問

画像はサーバーにアップロードされますか?: いいえ。ファイル選択 / ドロップ時点で Image オブジェクトと Canvas で読み込まれ、getImageData で各ピクセルの RGB を読み取り、選択した方式でグレースケール値を計算し、putImageData で書き戻します。ネットワーク通信は一切発生しません。
「平均」と「輝度」はどう違うのですか?: 平均は (R+G+B)/3 のシンプルな計算。輝度は BT.601 の係数 (0.299R + 0.587G + 0.114B) で重み付けし、人間の視覚特性 (緑に最も敏感、青に最も鈍感) を反映します。写真をグレースケール化するなら輝度の方が自然です。デザイン素材やアイコンのフラットなトーン変換には平均で十分です。
単一チャンネル (赤 / 緑 / 青) を使うのはどんなとき?: 古典的なフィルム写真風の表現や、特定のコントラスト効果を狙うときに使います。例えば「青チャンネル」は空や雲を明るく、肌のシミを暗く写し、ドラマチックな白黒写真になります。「赤チャンネル」は逆に肌のしわや赤みが暗く落ちて、温かみのある仕上がりに。「緑チャンネル」は植物や風景写真のディテールを最も忠実に残します。
アルファチャンネル (透過) は保持されますか?: はい。RGB 各チャンネルだけを書き換え、アルファチャンネルはそのまま保持されます。出力形式に PNG または WebP を選べば透過が残ります (JPEG は不透過なので白で埋められます)。
EXIF や位置情報は残りますか?: 残りません。Canvas を経由した時点で EXIF / GPS / Orientation などのメタデータはすべて除去されます。SNS に投稿する前のメタデータ消去ツールとしても使えます。
対応している画像形式は?: ブラウザがネイティブにデコードできる JPEG / PNG / WebP に対応しています。HEIC (iPhone 写真) は先に HEIC → JPEG ツールで変換してから本ツールに通してください。

類似のツール

画像モザイク / ぼかし — 全体 / 領域指定で目隠し

顔出し NG な部分を消すために、画像にモザイク (ピクセル化) またはぼかしをかけます。画像全体か、X / Y / 幅 / 高さで指定した矩形領域だけに適用可能。Canvas のみで完結するのでブラウザの外に画像は出ません。複数画像を一括処理して ZIP でダウンロードできます。

画像

画像反転 — 左右ミラー / 上下反転 / 180° 点対称

JPEG / PNG / WebP を左右 (横反転) / 上下 (縦反転) / 両方 (180° 点対称) にミラーリングできます。セルフィー写真の左右反転や、鏡・水面に映った画像の補正に。出力形式は PNG / JPEG / WebP、JPEG / WebP は品質も調整可能。アップロードした画像は外部に送信されず、すべての処理はブラウザ内で完結します。

画像反転

色覚シミュレーション — 色覚多様性の見え方

画像が 1 型 (P 型・赤)・2 型 (D 型・緑)・3 型 (T 型・青) 色覚や 1 色覚 (全色盲) でどう見えるかをシミュレートします。デザインや資料の色使いがアクセシブルか確認するのに。Canvas + 色覚変換行列でブラウザ内処理、画像はアップロードされません。

画像色

画像カラーピッカー — HEX / RGB / HSL 取得

JPEG / PNG / WebP をアップロードし、画像内の任意の位置をクリックするとそのピクセルの色を HEX / RGB / HSL で取得できます。ホバー中はルーペで拡大表示し、ピックした色は履歴として一覧表示。各値はワンクリックでコピー可能です。画像は外部に送信されず、すべての処理はブラウザ内で完結します。

画像色