ToolBox

색상 코드 변환기

HEX, RGB, HSL 색상 코드를 상호 변환합니다

#3B82F6

클릭하여 색상 선택

r

g

b

rgb(59, 130, 246)

H

S%

L%

hsl(217, 91%, 60%)

/* CSS 코드 */

color: #3b82f6;

color: rgb(59, 130, 246);

color: hsl(217, 91%, 60%);

관련 도구

JSON ↔ CSV 변환기HTML ↔ Markdown 변환기단위 변환기

색상 코드 변환기 사용법 가이드

색상 코드 형식

  • HEX: #RRGGBB 형식, 웹에서 가장 많이 사용 (예: #3b82f6)
  • RGB: Red, Green, Blue 각 0~255 (예: rgb(59, 130, 246))
  • HSL: 색상(Hue), 채도(Saturation), 밝기(Lightness) (예: hsl(217, 91%, 60%))

사용법

  1. 색상 피커를 클릭하여 원하는 색상을 선택하거나
  2. HEX, RGB, HSL 값을 직접 입력합니다
  3. 자동으로 다른 형식으로 변환됩니다
  4. 복사 버튼으로 원하는 형식의 값을 클립보드에 복사합니다