색상 코드 변환

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の相互変換アルゴリズムを実装しています。全ての値はリアルタイムで連動して更新されます。