Converting
브라우저 로컬 처리·설치 없음·회원가입 없음·무료

색상 변환기

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

HEX: #6366f1
RGB: rgb(99, 102, 241)
HSL: hsl(239, 84%, 67%)

HEX, RGB, HSL 색상 코드의 차이

HEX는 #RRGGBB 형태의 16진수 색상 코드로 웹에서 가장 많이 쓰입니다. RGB는 빨강·초록·파랑 값을 0~255로 나타내고, HSL은 색상(Hue)·채도(Saturation)·명도(Lightness)로 표현해 '조금 더 밝게', '채도 낮게' 같은 조절이 직관적입니다.

피그마·포토샵에서 받은 HEX 코드를 CSS rgb()로 바꾸거나, 브랜드 컬러의 밝은 변형을 HSL로 만들 때 이 변환기를 사용하세요.

색상 사용 방법

  1. 1HEX, RGB, HSL 중 알고 있는 값을 입력합니다.
  2. 2다른 형식의 값과 색상 미리보기가 바로 표시됩니다.
  3. 3필요한 코드를 복사해 CSS나 디자인 툴에 붙여넣습니다.

이럴 때 유용해요

  • 디자이너에게 받은 HEX 코드를 CSS rgb()·hsl()로 바꿀 때
  • 브랜드 컬러의 밝기·채도 변형을 만들 때
  • PPT·엑셀처럼 RGB 값만 입력받는 프로그램에 색을 넣을 때

자주 쓰는 색상 코드

HEXRGB
#FFFFFFrgb(255, 255, 255)
#000000rgb(0, 0, 0)
#FF0000rgb(255, 0, 0)
#4F46E5rgb(79, 70, 229)

관련 도구

같은 카테고리에서 자주 함께 쓰는 도구입니다.

자주 묻는 질문

색상 이용 전 참고하세요.

네. 색상은 Converting에서 회원가입·설치 없이 무료로 사용할 수 있습니다. HEX, RGB, HSL 색상 코드를 상호 변환합니다.