🎨 色コード変換

色を選ぶと、HEX・RGB・HSLの各表記をまとめて表示します。Web制作やデザインの色指定に便利です。

3つの表記の違い

• HEX：#始まりの16進数(例 #f6821f)。CSSで一般的
• RGB：赤・緑・青を0〜255で表す(例 rgb(246,130,31))
• HSL：色相・彩度・明度で表す。色みの微調整がしやすい

使い方

カラーピッカーで色を選ぶだけで全表記が同時に出ます。コピーしてそのままコードに貼り付けられます。

よくある質問

HEXからRGBに変換するには？

色を選ぶとHEX・RGB・HSLが同時に表示されます。例：#f6821f は rgb(246,130,31)。

HEX・RGB・HSLの違いは？

HEXは#始まりの16進数、RGBは0〜255の3値、HSLは色相・彩度・明度で色を表します。