Color Converter

このツールについて

HEX / RGB / HSL の相互変換と色プレビュー。デザイン調整やテーマカラー検討に。あの色どう表現すれば？みたいなときに利用。処理はすべてブラウザ内で行われます（データは送信されません）。

HEX / RGB / HSL 相互変換

—

想定シチュエーション

  • デザイン指定の形式変換（例：RGB → HEX）
  • 色の明度・彩度・色相をHSLで微調整

主な使い方

  1. 任意の1項目に値を入力 → 他形式が自動更新。プレビューで確認。

補足

  • HEX は #RRGGBB / #RGB を受け付けます（先頭の # は省略可）。
  • RGB はカンマ区切り 3 値、0–255 の整数を想定します。
  • HSL は H, S%, L% 形式（S, L は % 付きでも数値のみでも入力可）。
  • 不正値は無視され、直近の有効値が保持されます。