画像の明るさ調整｜コントラスト・鮮やかさをスライダーで補正
暗く写った写真、白っぽい商品撮影、読みづらいスキャン書類を、ブラウザだけで補正できる無料ツール。明るさ・コントラスト・鮮やかさをスライダーで動かすとプレビューにすぐ反映されます。画像はあなたの端末から外に出ません。
仕様の根拠（2026年6月時点）
- HTML Living Standard 4.12.5.1.20 Filters：Canvas 2D の
ctx.filterは CSS <filter-value-list> を受け付ける（whatwg） - MDN CSS filter：brightness() / contrast() / saturate() は線形乗数で 0%＝消失、100%＝変化なし、100%超＝強調（developer.mozilla.org/ja）
- MDN CanvasRenderingContext2D.filter：CSS の filter と同じ値を受け付け、Canvas 上の描画に適用される（developer.mozilla.org/ja）
最終更新：2026年6月16日
このツールでできること
- 明るさ（brightness）20〜200%：暗い写真の救出から、ほどよい明るさのトリミングまで
- コントラスト（contrast）20〜200%：白っぽい写真にメリハリ、灰色がかった書類の文字を強調
- 鮮やかさ（saturate）0〜200%：完全グレースケール（0%）から色味強調まで、3つのスライダーが独立して効く
- JPG／PNG／WebP の読み込み、PNG／JPG の保存。元解像度のまま書き出し
- ドラッグ&ドロップ・クリック選択どちらも可。プレビューは画面幅に自動フィット
- 「元に戻す」ボタンで全スライダーを100%にリセット。元のファイルは上書きしない
使い方（3ステップ）
- 画像を選ぶ（クリック）または点線枠にドラッグして読み込み
- 明るさ・コントラスト・鮮やかさのスライダーを動かして仕上がりを決める
- 「PNGで保存」または「JPGで保存」をクリックしてダウンロード
スライダーの具体的な目安
| 状態 | 明るさ | コントラスト | 鮮やかさ |
|---|---|---|---|
| 暗い室内・夜景 | 130〜150% | 110〜120% | 100〜110% |
| 白飛び（露出オーバー） | 80〜90% | 110〜120% | 110〜120% |
| 霞んだ風景 | 100% | 130〜150% | 110〜120% |
| スキャン書類 | 95〜105% | 130〜160% | 0〜30% |
| SNS投稿（華やか） | 105〜115% | 110% | 120〜140% |
| 印刷用（紙映え） | 110〜120% | 110% | 100% |
数値はあくまで出発点です。写真によって反応が変わるので、まず明るさを動かして、足りない部分をコントラスト→鮮やかさの順で調整するのが失敗しにくいコツです。
こんな場面で使えます
- 逆光・夜景・室内など、暗く写ってしまった写真の明るさ救出
- フリマアプリ・メルカリ・ハンドメイドサイトの商品写真の発色補正
- 料理写真をシズル感のあるトーンに調整してSNS投稿
- 古い紙資料・領収書・名刺をスキャンしたあと、文字を読みやすくする
- 印刷物の入稿前に「画面で見て明るすぎ」な状態に整えて、紙映えさせる
- ブログ・noteのアイキャッチ画像を、明暗を揃えて統一感を出す
日本の利用シーンに合わせた使い方
- メルカリ・ラクマの商品写真は白飛び補正と彩度上げで、実物に近い色味に
- 食べログ・Instagramの飲食店投稿は、室内照明の黄色被りを明るさ＋コントラストで補正
- 確定申告の領収書スキャンは、コントラスト上げ＋鮮やか下げで文字をくっきり
- マンション・賃貸物件の内見写真は、暗く写りがちな水回りを明るさ130%で救出
- 七五三・卒業式の屋外写真は、コントラストを下げて柔らかい雰囲気に
- 同人誌の入稿前グレースケール化は、鮮やかさ0%で簡易モノクロ化
使う前に知っておきたい注意点
- 白飛び・黒つぶれした部分は、明るさ調整で元の階調が戻ることはありません（失われた情報は復元できない）
- JPG保存は再エンコードが入るため、繰り返し保存すると劣化します。何度も補正するなら PNG で残しておくのが安全
- Exif情報（撮影日時・GPS・カメラ機種）は出力時に失われます。SNS投稿時にプライバシー保護にもなりますが、思い出として残したい場合は元ファイルを別途保管してください
- 商品撮影の色合わせは sRGB ベースで行っていますが、Adobe RGB や P3 の広色域モニタとは見え方が変わります。印刷用は別途プロファイル変換が必要です
- このツールは画像を一切送信しませんが、人物・他者の著作物が写った画像を加工して公開する際は別途、肖像権・著作権の確認をしてください
よくある質問
- Q. アップロードした画像はサーバーに送られますか？
- A. 送信されません。Canvas と JavaScript で完結しており、画像が端末から外に出ることはありません。タブを閉じれば結果はメモリから消えます。
- Q. 対応している画像形式は？
- A. JPG・PNG・WebP の読み込みに対応。出力は PNG（劣化なし）と JPG(容量小)が選べます。
- Q. 明るさを200%にしたら白飛びしました。
- A. brightness() は線形乗数で200%は元の明るさの2倍になります。160%を超えると階調が失われやすいので、120〜140%が現実的な上限です。
- Q. コントラストと鮮やかさの違いは？
- A. コントラストは明暗の差、鮮やかさ（彩度）は色味の濃さです。両方を上げすぎると不自然になりやすいので、片方ずつ調整するのが失敗しにくいです。
- Q. RAWファイルは扱えますか？
- A. 扱えません。ブラウザがデコードできる JPG/PNG/WebP のみ対応です。RAW は Lightroom や Darktable などの現像ソフトが必要です。
- Q. 印刷用の明るさの目安は？
- A. 画面はバックライトで明るく見えるため、紙に出すと暗く沈みがちです。明るさ110〜120%で「画面でやや明るすぎ」が紙映えの目安です。
- Q. スキャン書類の文字を読みやすくしたい。
- A. 明るさ100%付近、コントラスト130〜160%、鮮やかさ0〜30%。紙の黄ばみが取れて文字がくっきりします。
- Q. 元の色味に戻したい。
- A. 「元に戻す」ボタンで全スライダーを100%にリセット。保存しなければ元の画像ファイルは無傷です。
- Q. Exif情報は保存されますか？
- A. 保存されません。Canvas に書き出した時点で失われます。SNS公開時はプライバシー保護にもなりますが、撮影日時を残したい場合は元ファイルを別保管してください。
深掘り記事
関連ツール
画像加工まわりのツール群
同じカテゴリ「画像の加工」のツール
画像を縦・横に連結
複数の写真・スクショを縦/横に並べて1枚に。順番入れ替え・すき間・余白色（白/黒/透明）対応。L判・はがき・SNS投稿サイズの目安も解説。端末内処理。
画像の回転・反転
横向きスマホ写真を90度回転、左右反転・上下反転もワンクリックで処理できる無料の画像向き変更ツール。Exif回転情報でPCだけ横倒しになる現象、スキャン書類の180度逆さま、自撮りの鏡文字、印鑑証明・住民票・FAX原稿の天地ズレもまとめて対応。回転と反転の組み合わせ自由・元に戻すボタン・PNG完全無劣化／JPG高画質92%品質の選択保存。アプリ不要・登録不要・端末内Canvas処理で画像をサーバ送信しません。
画像の背景を透過
画像の白背景を自動検出して透明化しアルファチャンネル付きPNGとして保存できる無料Webツール。MDN公式仕様準拠のCanvasRenderingContext2D.getImageDataとtoBlob('image/png')で実装されており、ピクセル単位のRGB色距離（ユークリッド距離 √(Δr²+Δg²+Δb²)）を基準色とのしきい値で判定し境界25%をソフト化することでジャギーなしの自然な縁を実現。電子印鑑（認印・三文判）の作成、会社ロゴの切り抜き、Word/Excel/PowerPoint/PDFへの貼付、メルカリ/フリマ写真の商品切り抜き、年賀状のキャラ素材作り、SNSアイキャッチのアイコン透過、請求書PDFの受領印、社内回覧文書の承認印など幅広く活用可能。許容度0〜80スライダーで影や色むらの透過範囲を微調整、クリックで青背景・緑背景の基準色取得にも対応。すべて端末内処理でサーバー送信なし、登録・課金・回数制限なし。W3C勧告PNG（ISO/IEC 15948・RFC 2083）の可逆圧縮で輪郭が劣化しません。電子帳簿保存法に対応した請求書PDFの電子印鑑運用、実印・銀行印を画像化しない複製偽造防止の運用ルール、HEIC形式（iPhone）の互換性優先設定の落とし穴も付属記事で解説。
画像に文字入れ
写真にテキストを焼き込んで保存できる無料ツール。Hiragino Sans/Yu Gothicの日本語ゴシック体で、サイズは画像幅の4%・7%・12%（小中大）から選択でき、スマホ視聴を前提にしたYouTubeサムネは大サイズ（画像幅12%）が読みやすさの目安です。色は白・黒・赤・黄・青の5色、白文字には黒縁・カラー文字には白縁が自動付与され、明るい背景でも暗い背景でも読みやすさが保たれます。文字配置はクリック操作で決定、複数行・複数文字列の同時配置も可能。保存形式はPNG（劣化なし・透過対応）とJPG（品質92%・容量小）から選べます。Canvas APIのfillText／strokeText／toBlobで全処理が端末内で完結し、画像はサーバーへ送信されません。YouTubeサムネの黄金法則（10〜15%サイズ・2色まで・縁取りオン）、店舗告知（臨時休業・営業時間変更）、Instagram/X/TikTok投稿写真のキャプション焼き込み、LINE公式アカウント配信画像、社内資料のスクショ注釈まで、登録不要・無料・ブラウザだけで完結します。
ドット絵変換
写真やイラストをドット絵（ピクセルアート）に変換できる無料ツール。ゲームボーイ風4階調・ファミコン風16色・白黒2色・セピア・レトロ8色・フルカラーの6配色プリセットと、ドット粗さ16〜128段階から選ぶだけ。Canvas APIのImageDataで色を量子化し、CSS image-rendering: pixelated で拡大時のぼけを防止。画像は端末ブラウザ内で完結しサーバー送信ゼロ。SNSアイコン・配信サムネ・推し画像加工・顔写真ぼかしによるプライバシー保護・自作ゲーム下絵まで多用途。スマホ/PC両対応、登録会員制不要。
画像にモザイク
画像の顔・名前・住所・ナンバープレートをドラッグで囲むだけでモザイクをかけられる無料ツール。SNS投稿前・フリマ写真・子ども写真の個人情報保護に。強さ3段階（弱・中・強）から選べて、複数箇所まとめてモザイクOK。1つ戻す・全部やり直すボタンで失敗してもすぐ修正。PNG/JPG保存対応。処理は端末内（ブラウザ）で完結し、画像は外部サーバーに送信されません。登録・インストール不要。個人情報保護委員会・法務省「インターネット上の人権侵害」・警察庁サイバー警察局の公的指針に基づく保護対象（顔・表札・名札・看板・伝票・ナンバー・通学路・制服）を解説。スマホ対応。