変換・単位
カラーコード変換｜HEX・RGB・HSL 相互変換ツール 無料
HEX・RGB・HSLカラーコードをリアルタイムに相互変換。カラーピッカー付き。CSS開発に便利な無料ツール。
カラーピッカーまたは下の値を変更してください
コピー値: #3b82f6
r (0–255)
g (0–255)
b (0–255)
コピー値: rgb(59, 130, 246)
H (0–360)
S (0–100)
L (0–100)
コピー値: hsl(217, 91%, 60%)
使い方
- 1
カラーピッカーで色を選択するか、HEX/RGB/HSLの値を直接入力します。
- 2
入力に応じて他の形式の値が自動で変換されます。
- 3
各形式の右にある「コピー」ボタンでCSS値をコピーできます。
よくある質問
HEX・RGB・HSLとは何ですか？
HEXは#FF0000のような16進数表記、RGBは赤・緑・青の三原色（各0〜255）、HSLは色相・彩度・明度で色を表現する方式です。
コピーされる値のフォーマットは？
HEXは#rrggbb、RGBはrgb(r, g, b)、HSLはhsl(h, s%, l%)のCSS標準形式でコピーされます。
透明度（アルファ値）は対応していますか？
現在はRGB/HEXのみ対応しています。RGBA/HSLAは今後対応予定です。