색상 선택기 & 변환기

HEX, RGB, HSL 형식 간에 색상을 변환합니다. 색상을 선택하고 CSS 값을 즉시 복사합니다.

색상 사각형을 클릭하여 네이티브 색상 선택기를 열거나 아래 값을 편집하세요.

#3B82F6
rgb(59, 130, 246) • hsl(217, 91%, 60%)

HEX

RGB

HSL

CSS 값

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

색상 변환기 사용법

  1. 1.색상 사각형을 클릭하여 네이티브 색상 선택기를 엽니다.
  2. 2.또는 HEX 필드에 직접 입력합니다.
  3. 3.RGB 또는 HSL 슬라이더로 미세 조정합니다.
  4. 4.형식 옆의 복사를 클릭하여 CSS 값을 복사합니다.

자주 묻는 질문

HEX, RGB, HSL의 차이는?

HEX는 6자리 16진수 표기. RGB는 빨강, 초록, 파랑을 0-255로 지정. HSL은 색상(0-360), 채도(0-100%), 밝기(0-100%).

HSL과 RGB 중 언제 어떤 것을 사용하나요?

HSL은 밝기와 선명도 조정에 더 직관적입니다. 더 밝게? L 증가. 더 차분하게? S 감소.

RGB/HSL을 입력하여 HEX로 변환할 수 있나요?

네 — RGB 입력이나 슬라이더를 편집하면 모든 형식이 실시간으로 업데이트됩니다.

변환된 HSL이 약간 다르게 보이는 이유는?

HEX/RGB는 정수를, HSL은 부동소수점 연산을 사용하므로 반올림으로 인한 미세한 차이가 발생합니다.