RGB ↔ HSL カラー変換
RGB(赤・緑・青)と HSL(色相・彩度・輝度)を相互変換します。色の調整や直感的な色選択に役立ちます。
RGB (0-255)
R:
G:
B:
HSL (0-360 / 0-100%)
H:
°
S:
%
L:
%
#6366F1
このツールの使い方・詳細
🛠 使い方
RGBまたはHSLの値を入力してください。数値を変更すると、もう一方の値もリアルタイムに連動して更新されます。「彩度を上げたい」「明度を下げたい」といった直感的な色調整に適しています。
💡 活用シーン・ユースケース
- 特定の色をベースに、明るさ(L)や鮮やかさ(S)だけを調整したバリエーション色を作りたい時に
- プログラムで動的に色を変化させる際の計算用パラメータ(HSL)を確認したい時に
- デザインのトーン&マナーを一定に保つための色空間の変換に