컬러 피커

HEX, RGB, HSL 간 색상 코드를 변환하고 선택하세요. 실시간 미리보기와 빠른 복사 기능을 제공합니다.

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

빠른 선택

사용 방법

  1. 색상 선택기를 클릭하여 원하는 색상을 선택하세요
  2. 또는 HEX, RGB, HSL 값을 직접 입력하세요
  3. 슬라이더를 조정하여 세밀하게 조정할 수 있습니다
  4. 빠른 선택 팔레트에서 자주 쓰는 색상을 선택하세요
  5. 원하는 형식의 색상 코드를 복사하여 사용하세요

실시간 변환

HEX, RGB, HSL 동시 표시

세밀한 조정

슬라이더로 정확한 조정

빠른 복사

클릭 한 번으로 복사

색상 형식 설명

HEX (16진수)

#RRGGBB 형식으로 표현합니다. 각 채널은 00-FF (0-255) 값을 가집니다.

예시: #3B82F6 = R:3B(59), G:82(130), B:F6(246)

RGB (Red, Green, Blue)

빨강, 초록, 파랑 빛의 삼원색을 각각 0-255 값으로 표현합니다.

예시: rgb(59, 130, 246)

HSL (Hue, Saturation, Lightness)

색상(0-360°), 채도(0-100%), 명도(0-100%)로 표현합니다. 인간이 인지하는 방식과 유사합니다.

예시: hsl(217, 91%, 60%)

💡 팁

  • 웹 디자인: CSS에서 HEX나 RGB를 주로 사용합니다
  • 색상 조정: HSL을 사용하면 명도와 채도를 쉽게 조정할 수 있습니다
  • 접근성: 텍스트와 배경 간 충분한 대비(4.5:1 이상)를 유지하세요
  • 빠른 선택 팔레트에는 자주 쓰이는 색상이 포함되어 있습니다