画像色相 (Hue)・彩度 (Saturation) 調整
画像色相 (Hue)・彩度 (Saturation) 調整：RGB ピクセルを HSL 色空間に変換し、色相角度を回転し、彩度をスケールして、RGB に再変換します。
このツールについて 画像色相 (hue)・彩度 (saturation) 調整
画像色相 (Hue)・彩度 (Saturation) 調整：画像色相 (Hue)・彩度 (Saturation) 調整：RGB ピクセルを HSL 色空間に変換し、色相角度を回転し、彩度をスケールして、RGB に再変換します。
このツールの仕組み
画像処理は CanvasRenderingContext2D (ImageData) および SVG ベクター DOM を使用して sRGB 空間で動作し、EXIF メタデータの消去を行います。
実行パイプラインと計算アーキテクチャ：
- ローカルメモリバッファでの入力データの受信と字句正規化・サニタイズ処理。
- 構文構造の検証とドメイン固有の不変条件および境界値の安全チェック。
- 決定論的アルゴリズムによるデータ変換と高精度な数学的演算処理の実行。
- 検証済み出力のシリアライズ、整合性チェック、および診断バッジの生成。
使用例と実用上の手順
実際の利用シナリオ： 12×9 テスト PNG の色相を回転する。
入力サンプル：
アルゴリズム処理： Canvas は hue-rotate(180deg) saturate(1) で描画する。
出力例：
制限と例外
デコード可能な画像が必要で、結果は Canvas フィルターに依存します。PNG URL はラスタ出力であり、可逆 HSL 編集、RAW ワークフロー、色管理プルーフ、他のアプリやブラウザーとの同一性保証ではありません。
ブラウザー内処理とプライバシー
ツール機能は、入力を CZOA の処理サーバーへ意図的に送信せず、ブラウザー内で処理する設計です。サイト素材、アクセス解析、広告の通信は別に発生する場合があります。ブラウザー、拡張機能、端末の管理ソフトはこの範囲外です。
ローカル実行と検証メソドロジー
本ツールのペイロード処理は、ブラウザ内で JavaScript または Web Worker を用いてローカルに実行される設計です。サイト素材・アクセス解析・広告の通信は別に発生する場合があります。機密性、再現性、遅延はブラウザ環境に依存し、絶対的な保証ではありません。
準拠技術規格および参照仕様
コンテンツ管理者：CZOA Tools · 最終確認：2026-09-15 · 検証方法
使い方
- 作業欄にデータを入力するか、対応ファイルを選択します。
- 操作項目を確認し、利用できる設定、単位、形式、範囲を選びます。
- 実行ボタンを押すか、その場で更新される計算結果を確認します。
- 診断表示と結果を確認してからコピーまたは書き出します。
よくある質問
色相と彩度の調整は画像をどのように処理しますか？+
デコード画像を Canvas 2D の hue-rotate(度) saturate(値) フィルターで描画して PNG を返します。フィクスチャは色相 180 度、彩度 1 を独立したフィルター効果行列と照合しました。
色相と彩度の調整で使える操作項目は何ですか？+
画像選択、-180 から 180 まで 1 度刻みの色相、0 から 3 まで 0.05 刻みの彩度、「ローカルで処理」があります。HSL ピッカー、曲線、選択色、ホワイトバランス、ICC、形式、一括処理はありません。
色相と彩度の調整にはどんな実際の制限がありますか？+
デコード可能な画像が必要で、結果は Canvas フィルターに依存します。PNG URL はラスタ出力であり、可逆 HSL 編集、RAW ワークフロー、色管理プルーフ、他のアプリやブラウザーとの同一性保証ではありません。
ブラウザー分離の証拠は色相と彩度について何を示しますか？+
記録リクエストに選択画像のペイロードがない状態で、フィクスチャは独立行列と一致する 180 度色相の PNG を生成し独立デコードしました。これはテストした値経路だけを示し、資源、拡張機能、権限、他のネットワークは対象外です。