Color Converter

Convert colors between HEX, RGB, and HSL in real time. Use the picker, type a value, or click a preset — all three formats stay in sync.

색상 변환기

HEX, RGB, HSL 색상을 실시간으로 변환하세요. 색상 피커, 직접 입력, 프리셋 클릭 — 세 가지 형식이 항상 동기화됩니다.

#6366f1

Pick a color: 색상 선택:

HEX

#rrggbb

RGB

HSL

H°

Preset colors

프리셋 색상

How to use

사용 방법

Step 1

1단계

Enter a color value

색상 값 입력

Type a HEX, RGB, or HSL value in any field — the other two formats update instantly.

HEX, RGB, HSL 중 어느 필드에나 값을 입력하면 나머지 두 형식이 즉시 업데이트됩니다.

Step 2

2단계

Use the color picker

색상 피커 사용

Click the color picker for a visual selection. All three format fields sync automatically.

색상 피커를 클릭해 시각적으로 선택하세요. 세 가지 형식이 자동으로 동기화됩니다.

Step 3

3단계

Click a preset swatch

프리셋 클릭

Choose from 8 common web colors to load them instantly into all three format fields.

8가지 대표 웹 색상 중 하나를 클릭하면 모든 형식에 즉시 로드됩니다.

Step 4

4단계

Copy any format

형식 복사

Click the Copy button next to HEX, RGB, or HSL to copy the formatted string to your clipboard.

HEX, RGB, HSL 옆의 복사 버튼을 클릭해 형식화된 문자열을 클립보드에 복사하세요.

Frequently Asked Questions

자주 묻는 질문

What's the difference between HEX, RGB, and HSL?

HEX, RGB, HSL의 차이는 무엇인가요?

HEX is a hexadecimal notation widely used in CSS (e.g. #ff0000). RGB specifies the red, green, and blue channels as numbers from 0 to 255. HSL stands for Hue, Saturation, and Lightness — it's more intuitive for designers because you can shift the hue or adjust brightness independently.

HEX는 CSS에서 널리 사용되는 16진수 표기법입니다 (예: #ff0000). RGB는 빨강, 초록, 파랑 채널을 0~255 숫자로 지정합니다. HSL은 색상(Hue), 채도(Saturation), 밝기(Lightness)의 약자로, 색조나 밝기를 독립적으로 조정할 수 있어 디자이너에게 직관적입니다.

Why use HSL over HEX or RGB?

HEX나 RGB 대신 HSL을 쓰는 이유는?

HSL is easier to reason about. Want a lighter shade? Increase L. Want a more muted tone? Lower S. Shifting the hue to a complementary color is as simple as adding 180 to H — without touching saturation or lightness at all.

HSL은 직관적입니다. 더 밝은 색을 원하면 L을 높이고, 채도를 낮추려면 S를 줄이면 됩니다. 보색으로 이동하려면 H에 180만 더하면 되며 채도나 밝기를 건드릴 필요가 없습니다.

Does this tool support alpha / opacity?

투명도(알파)를 지원하나요?

Not currently. This tool handles fully opaque RGB colors only. Support for RGBA and HSLA formats is planned for a future update.

현재는 지원하지 않습니다. 이 툴은 불투명한 RGB 색상만 처리합니다. RGBA 및 HSLA 형식 지원은 향후 업데이트에서 추가될 예정입니다.

Are the conversions exact?

변환 결과가 정확한가요?

HEX ↔ RGB conversion is lossless. HSL values may have minor rounding differences due to floating-point math, but the visual result is identical. Converting from HEX → HSL → HEX will reproduce the original HEX within 1 rounding step.

HEX ↔ RGB 변환은 손실 없이 정확합니다. HSL 값은 부동소수점 연산으로 인해 약간의 반올림 차이가 있을 수 있지만 시각적 결과는 동일합니다. HEX → HSL → HEX로 변환해도 원래 HEX가 1 반올림 이내로 재현됩니다.