HEX ⇔ RGB ⇔ HSL 변환기

실시간 견본을 사용하여 즉시 HEX, RGB, HSL 간 색상을 변환할 수 있습니다. 모든 필드를 편집하세요. 다른 필드는 동기화된 상태로 유지됩니다.

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

실시간 견본을 사용하여 즉시 HEX, RGB, HSL 간 색상을 변환할 수 있습니다.
브라우저에서 실행됩니다.
무료로 사용 가능

사용 방법

HEX, RGB 또는 HSL 값을 입력합니다.
다른 형식이 자동으로 업데이트되는지 확인하세요.
필요한 형식을 복사하십시오.

How this tool works

HEX, RGB 또는 HSL 값을 입력합니다.
다른 형식이 자동으로 업데이트되는지 확인하세요.
필요한 형식을 복사하십시오.

Recommended settings

먼저 기본 옵션을 사용한 다음 필요한 경우 조정하세요.

Supported formats

Text / on-page input

File size and limits

매우 복잡한 다중 레이어 미리 보기는 구형 휴대폰에서 느리게 느껴질 수 있습니다.

Privacy

색상 및 CSS 생성기는 브라우저에서 완전히 실행됩니다. 미리보기 및 변환에서는 스타일을 업로드하지 않습니다.

Common use cases

필요할 때마다 HEX ⇔ RGB ⇔ HSL 변환기를 사용하세요. 실시간 견본을 사용하여 즉시 HEX, RGB 및 HSL 간 색상을 변환할 수 있습니다.

Troubleshooting

붙여넣은 후 미리보기가 다르게 보입니다.

페이지에 경쟁 CSS가 있는지 확인하세요(재설정, 상속된 색상). 먼저 생성된 규칙을 격리된 스타일시트에 복사합니다.

FAQ

내 CSS가 업로드되나요?

아니요. 생성기와 변환기는 실시간 미리보기를 통해 브라우저에서 실행됩니다.

계정이 필요합니까?

아니요. 도구를 열고 컨트롤을 조정한 후 CSS를 복사하세요.