Question 1

색상 형식

Accepted Answer

웹 색상은 여러 형식으로 표현할 수 있습니다. HEX, RGB, HSL은 CSS와 디자인 도구에서 가장 많이 사용되는 세 가지 형식입니다. 각각 같은 색상을 다르게 표현하며, 프런트엔드 개발 워크플로에서 상호 변환은 필수적입니다.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX(#rrggbb)는 빨강, 초록, 파랑 채널을 각각 두 자리 16진수(00–ff)로 인코딩합니다. 예: #3b82f6. RGB(rgb(r, g, b))는 각 채널을 0~255의 정수로 표현합니다. 예: rgb(59, 130, 246). HSL(hsl(h, s%, l%))은 색조(0–360°), 채도(0–100%), 밝기(0–100%)를 사용합니다 — 색상 조정에 더 직관적인 모델입니다. 예: hsl(217, 91%, 60%).

Question 3

색상 선택기

Accepted Answer

상단의 색상 견본을 클릭하면 브라우저의 기본 색상 선택기가 열립니다. 색상을 선택하면 세 가지 형식 필드가 자동으로 업데이트됩니다.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

색상 변환기

색상 형식

HEX, RGB, HSL

색상 선택기

개인정보 보호