색상 코드 변환 (HEX · RGB · HSL)

HEX(#fff · #0d9488)나 rgb() 색 값을 넣으면 같은 색을 HEX·RGB·HSL 세 표기로 바로 바꿔 보여 주고, 큰 견본으로 색을 확인시켜 줘요. 같은 탭에서 그 색의 명도 대비도 재 볼 수 있어요.

색 변환

HEX
—
RGB
—
HSL
—

명도 대비 (WCAG)

이 조합에서 글자가 이렇게 보여요

—

색 조합 고르기

이 도구에 대해

이렇게 써요

  1. 1 색 값 칸에 #HEX(3자리·6자리)나 rgb(…)를 넣어요.
  2. 2 아래에 HEX·RGB·HSL이 나란히 나오고, 견본에 그 색이 칠해져요.
  3. 3 필요한 표기를 골라 복사해 CSS에 넣어요.

알아 두세요

  • 페이지 점검은 붙여 넣은 HTML 만 읽어요 — 주소는 주소 점검기로
  • YAML 은 널리 쓰이는 문법만 읽어요
  • JWT 는 내용만 펴 보고 서명은 확인하지 않아요

자주 묻는 질문

HSL 값을 넣어 HEX로 바꿀 수 있나요?

넣는 쪽은 #HEX와 rgb()예요. HSL은 결과로 보여 드려요.

투명도(알파)도 바뀌나요?

rgba()를 넣으면 색만 읽고 투명도는 빼요. 결과도 불투명한 색으로 나와요.

3자리 HEX도 되나요?

돼요. #0d9처럼 적으면 #00dd99로 펼쳐 읽어요.

Esc