🎨 カラーコード変換

HEX・RGB・HSL のカラーコードを相互に変換し、色をプレビューします。

入力

HEX カラーコード

例: #3B5BDB / 3b5bdb / #f00（3桁短縮可）

RGB（0〜255）

R

G

B

HEX

#3B5BDB

HEXをコピー

RGB rgb(59, 91, 219) コピー

HSL hsl(227, 68%, 55%) コピー

※ HEX・RGB・カラーピッカーは相互に連動します。HSL は RGB から計算した参考値で、丸め誤差により再変換で1ずれることがあります。