カラーコード変換

HEX・RGB・HSLを相互変換。プレビュー付き。

HEX

RGB

r

g

b

HSL

H

S

L

CSS: color: #3b82f6;

CSS: color: rgb(59, 130, 246);

CSS: color: hsl(217, 91%, 60%);

よくある質問

対応しているカラーコードの形式は？: HEX（#RRGGBB）、RGB（0-255）、HSL（色相・彩度・明度）の3形式に対応しています。
CSSにそのまま使えますか？: はい。画面下部にCSS用のコードが表示されるので、そのままコピーして使えます。
透明度（アルファ値）は対応していますか？: 現在はアルファ値には対応していません。不透明な色のみ変換可能です。