RGB・HEX⇔HSL変換

RGB⇔HSLについて

HSLは人が直感的に色を調整しやすい表現で、「同じ色味で明るさだけ変える」といった配色設計に向いています。HEX/RGBとHSLを相互変換できるので、CSSのhsl()指定やカラーパレット作成に便利です。HEX⇔RGBはカラーコード変換、反転・補色は色の反転をどうぞ。

よくある質問

HSLのメリットは？

色相を保ったまま明るさ・鮮やかさを調整しやすく、配色のバリエーション作りに向いています。

CSSでそのまま使える？

はい。hsl(207, 79%, 51%) の形式でCSSに指定できます。

入力した色は送信されますか？

いいえ。すべてブラウザ内で処理されます。