RGB ↔ HSL カラー変換

RGB(赤・緑・青)と HSL(色相・彩度・輝度)を相互変換します。色の調整や直感的な色選択に役立ちます。

RGB (0-255)

R:
G:
B:

HSL (0-360 / 0-100%)

H: °
S: %
L: %

#6366F1

このツールの使い方・詳細

🛠 使い方

RGBまたはHSLの値を入力してください。数値を変更すると、もう一方の値もリアルタイムに連動して更新されます。「彩度を上げたい」「明度を下げたい」といった直感的な色調整に適しています。

💡 活用シーン・ユースケース

  • 特定の色をベースに、明るさ(L)や鮮やかさ(S)だけを調整したバリエーション色を作りたい時に
  • プログラムで動的に色を変化させる際の計算用パラメータ(HSL)を確認したい時に
  • デザインのトーン&マナーを一定に保つための色空間の変換に