컬러 팔레트 생성기 & 대비 검사기

트렌디한 웹 컬러 배색 리스트를 무작위 생성하고, 시각 장애를 가진 사용자의 콘텐츠 가독성을 보장하기 위한 글자색과 배경색의 정밀 웹 접근성(WCAG 2.1) 명도 대비를 검증합니다.

랜덤 컬러 팔레트 생성

배색 테마 유형을 골라 현대적인 컬러 팔레트를 만들어 보세요.

배색 테마

개별 색상 타일을 클릭하면 복사됩니다.

웹 접근성 명도 대비 검사

배경색과 텍스트의 가독성 비율을 진단합니다.

배경 색상 (Background)

글자 색상 (Foreground Text)

대비율 검사 결과

21.0:1 최우수 (AAA)

일반 텍스트 (4.5:1 이상): Pass (AA)

큰 텍스트 (3.0:1 이상): Pass (AA)

고대비 등급 (7.0:1 이상): Pass (AAA)

색상 팔레트 및 명도 대비 가이드

명도 대비 권장 기준과 색상 조합이 중요한 이유에 대한 설명입니다.

1. WCAG 2.1 명도 대비 권장 표준

웹 콘텐츠 접근성 지침(WCAG)은 저시력자나 색약 사용자를 보호하기 위해 명확한 텍스트 가독성 기준을 요구합니다. 일반 텍스트는 4.5:1 이상, 큰 텍스트(18pt/24px 이상 혹은 볼드체 14pt/18.6px 이상)는 3.0:1 이상의 대비를 충족해야 AA 등급을 통과할 수 있으며, 한 차원 높은 고가독성 기준인 AAA 등급은 7.0:1 이상의 대비율을 권장합니다.

2. 팔레트 배색 적용 노하우

조화로운 인터페이스 구성을 위해서는 주조색(60%), 보조색(30%), 그리고 강조색(10%) 비율을 배분하는 60-30-10 규칙을 준수하는 것이 권장됩니다. 생성된 팔레트의 조합 중 배경과 텍스트를 선택하여 대비 검사기에 입력해 가독성 합격 판정을 받았는지 미리 검증하면 뛰어난 심미성과 가용성을 모두 확보할 수 있습니다.