空をより青く、草をより緑に
HSL で青と緑の彩度だけを上げ、肌の色に影響を与えません。
Guide
色調整は「画像スタジオ」の色調整パネル(アドレスバーの ?tool=adjust)で、「基本」「カーブ」「HSL」の3つのタブに分かれています。基本は −100 から 100 までの9本のスライダー(シャープネス、ノイズ、ぼかしは 0–100)です。カーブは Catmull-Rom スプラインを使い、RGB の複合チャンネルに赤・緑・青の3つの単一チャンネルを加えた構成で、カーブをクリックするとコントロールポイントを追加(各1本最大8個)、ダブルクリックで削除できます。HSL は画面を色相で赤、オレンジ、黄、緑、黄緑、青、紫、マゼンタの8色系に分け、各色系ごとに色相オフセット、彩度、明度を個別に調整します。影響するのはその色系のピクセルだけで、色相距離に応じて滑らかに変化します。すべてリアルタイムに反映され、元画像を壊しません。スライダーを離すと元に戻す履歴に入ります。処理はブラウザ内で完結します。
更新日 2026-09-093 min read
色調整は「画像スタジオ」の色調整パネル(アドレスバーの ?tool=adjust)で、「基本」「カーブ」「HSL」の3つのタブに分かれています。基本は −100 から 100 までの9本のスライダー(シャープネス、ノイズ、ぼかしは 0–100)です。カーブは Catmull-Rom スプラインを使い、RGB の複合チャンネルに赤・緑・青の3つの単一チャンネルを加えた構成で、カーブをクリックするとコントロールポイントを追加(各1本最大8個)、ダブルクリックで削除できます。HSL は画面を色相で赤、オレンジ、黄、緑、黄緑、青、紫、マゼンタの8色系に分け、各色系ごとに色相オフセット、彩度、明度を個別に調整します。影響するのはその色系のピクセルだけで、色相距離に応じて滑らかに変化します。すべてリアルタイムに反映され、元画像を壊しません。スライダーを離すと元に戻す履歴に入ります。処理はブラウザ内で完結します。
手動で細かく追い込むためのツールです。ワンクリックの自動補正なら「自動補正」、一部の領域だけを調整したいなら「部分調整」をお使いください。
<original-name>_編集済み です。複数枚のときは「すべて ZIP で書き出し」も使えます。青系のピクセルだけに作用
コントロールポイント2つで十分
フィルターの上に重ねる
曇りの風景、HSL で「青」を彩度 +40、明度 −10空はより青く深くなり、草地と人物の肌の色は変わらないカーブの RGB チャンネル:(0.25, 0.25) の点を (0.25, 0.18) へ、(0.75, 0.75) を (0.75, 0.82) へドラッグ定番の S カーブで、シャドウはより暗くハイライトはより明るくなりコントラストが上がる基本:色温度 −30、彩度 −20、ノイズ粒子 25冷たい低彩度のフィルム粒子感のある仕上がりHSL で青と緑の彩度だけを上げ、肌の色に影響を与えません。
カーブで S 字を作り、基本のノイズ粒子を加えます。
色温度をマイナス方向へドラッグし、画面が白く見えるまで調整します。
複数のスクリーンショットに同じ数値を順に適用し、まとめて書き出します。
いいえ。色調整はフィルターチェーンとしてベース画像にリアルタイムで重なるだけで、いつでもリセットできます。結果が新しいファイルに書き込まれるのは書き出し時だけです。
スライダーは全体的な線形調整です。カーブなら中間調だけを持ち上げたり、シャドウだけを沈めたりと、より細かくコントロールできます。
長辺が 4096px を超える画像は編集時に縮小した代理画像を使います。「元画像で再適用」を選ぶと、すべての調整を元の解像度で再適用するため、少し時間がかかります。
画像はブラウザ内で WebGL / canvas のフィルターによって処理され、どのサーバーにもアップロードされません。ページを閉じるとメモリから解放されます。
更新日 2026-09-09
明るさ・コントラスト・彩度・色温度をリアルタイム調整。プロ向けのトーンカーブとチャンネル別 HSL にも対応
すべての処理はブラウザーのローカルで完結し、ファイルはサーバーに送信されません