色変換ツール
HEX・RGB・HSLの色コードを相互変換します。
rgb(255, 87, 51)
hsl(11, 100%, 60%)
計算方法
色変換ツールはHEX・RGB・HSLの3つの色表現形式を相互変換します。
- HEX：16進数表現（例：#FF5733）
- RGB：赤(R)・緑(G)・青(B) 各0〜255
- HSL：色相(H: 0〜360)・彩度(S: 0〜100%)・明度(L: 0〜100%)
いずれかのフィールドを変更すると、残りが自動的に更新されます。
計算例
よくある質問
HEXコードはどこで使いますか？
HEXコードはWeb開発でCSSに色を指定する際に最もよく使用します。#で始まり6桁の16進数で表現します。
HSLの利点は何ですか？
HSLは色相(Hue)・彩度(Saturation)・明度(Lightness)に分かれているため、直感的に色を調整できます。明るさや彩度だけを変更したい場合に便利です。