色コード変換

HEX、RGB、HSL形式の色コードを相互に変換します。カラーピッカーで直感的に色を選択できます。

カラーピッカー

HEX、rgb()、hsl()形式で入力できます

HEXコード

R（赤）

G（緑）

B（青）

H（色相）

S（彩度）

L（明度）

HEX#3b82f6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

HEXcolor: #3b82f6;

RGBcolor: rgb(59, 130, 246);

HSLcolor: hsl(217, 91%, 60%);

カラーピッカーで色を選ぶか、HEX・RGB・HSLのいずれかの値を入力すると、他の形式に自動変換されます。CSSコードもそのままコピーできます。

HEX↔RGB↔HSLの相互変換アルゴリズムを実装しています。全ての値はリアルタイムで連動して更新されます。