🧰미니 도구 모음
🎨

색상 변환기

HEX, RGB, HSL 색상 코드를 변환하고 팔레트를 생성합니다.

색상 코드

rgb(255, 87, 51)

R
G
B

hsl(11, 100%, 60%)

H
°
S
%
L
%

명도 대비 (WCAG)

흰색 텍스트

대비: 3.15:1

AA AAA AA Large AAA Large

검은색 텍스트

대비: 6.66:1

AA AAA AA Large AAA Large

팔레트 생성기

저장된 색상

저장된 색상이 없습니다. 위의 저장 버튼을 눌러 추가하세요.

사용 방법

  1. 1HEX, RGB, HSL 중 원하는 형식으로 색상 코드를 입력하거나 컬러 피커를 사용하세요.
  2. 2입력하는 즉시 다른 형식으로 자동 변환됩니다.
  3. 3보색, 유사색, 삼각 배색 팔레트를 확인하고 복사하세요.

활용 예시

  • 웹·앱 디자인 색상 코드 변환
  • 브랜드 색상 팔레트 구성
  • WCAG 접근성 명도 대비 검사
  • CSS 색상 코드 확인

자주 묻는 질문

Q. WCAG 명도 대비란 무엇인가요?

A. 웹 접근성 지침(WCAG)에서 요구하는 텍스트와 배경 색상 간의 최소 대비 비율입니다. 일반 텍스트는 4.5:1 이상이 권장됩니다.

Q. 색상 팔레트를 저장할 수 있나요?

A. HEX 코드를 복사하여 원하는 곳에 저장할 수 있습니다.