# 컬러 팔레트 + WCAG 검사기

> 무료 컬러 팔레트 생성기. WCAG AA/AAA 대비 검사, 통과 색상 제안, CSS 변수, Tailwind v4 내보내기, PNG 스와치 제공.

- **Category:** 개발자
- **URL:** https://www.teafun.cyou/tools/color-palette-wcag/
- **Privacy:** Runs entirely in your browser — no uploads, no account, no tracking.
- **Also known as:** wcag contrast, color contrast, palette checker, color picker, colour picker, color palette, contrast checker, accessibility contrast
- **Related tools:** [색맹 검사](https://www.teafun.cyou/tools/colorblind/), [모니터 재생 빈도](https://www.teafun.cyou/tools/monitor/), [평면도 도구](https://www.teafun.cyou/tools/floor-plan/)
- **Tags:** Color, Design, Display

## About

대비율을 확인하고 AA/AAA 준수 여부를 검사하고 팔레트 변형을 생성하고 CSS 또는 Tailwind v4 색상 토큰을 로컬로 내보내요.

## WCAG 색상 검사기 사용법

전경색 및 배경색을 HEX로 입력합니다(`#1A73E8` 위의 `#FFFFFF`). 명도비 및 AA 표준(4.5:1), AAA 표준(7:1), AA 대형(3:1), AA UI(3:1, WCAG 2.2)에 대한 통과/실패 배지가 즉시 나타납니다. 색상 쌍이 실패하면, 제안자는 OKLCH 휘도 축을 따라 전경색을 더 어둡거나 더 밝게 조정하면서 색상과 채도를 유지하므로 브랜드 색상 ID가 유지됩니다. 제안된 색상 사용을 클릭하여 적용합니다. 테스트의 전형적인 실패: 순황색 `#ffff00` 위의 흰색 텍스트(`#ffffff` 전경색) — 비율은 1.07:1로 3:1보다 훨씬 낮지만, 맨눈에는 '고명도비'로 보입니다. 황색 위의 검은색은 19.55:1로 깊이 있게 통과합니다. 검사기 아래, 팔레트 패널은 입력에서 생성된 상보 및 유사 변형을 표시합니다. CSS 변수 복사, Tailwind 4 테마 토큰 복사 또는 PNG 견본을 다운로드합니다.

## WCAG 색상 대비 준수가 중요한 이유

WCAG 명도비 준수는 미국의 ADA, 2025년 6월부터 EU에서 판매되는 제품 및 서비스에 대해 발효되는 유럽 접근성법(EAA), 공공 부문 조달을 위한 EN 301 549에 따라 강제 가능한 법입니다. EAA에 따른 벌금은 관할권에 따라 €30 000~€500 000에 달합니다. 법적 노출을 넘어, 4.5:1 임계값은 20/40 시력을 가진 사람이 본문을 편하게 읽기 위해 필요한 명도비에 근접합니다. 이는 경계선 장애 사례가 아니라 자연적 수정체 황변 후 40세 이상의 대부분의 독자입니다. 처음부터 준수하는 토큰을 설계하면 모든 구성 요소에서 브랜드색 핫픽스를 실행하는 리모델링 비용이 발생하지 않습니다. 일반적인 함정은 맨눈으로 명도비를 판단하는 것입니다. 브랜드 핑크색과 옅은 청록색이 설계자에게 '읽기 쉬워 보이지만'(20/20 시력, 스튜디오 조명 아래) 형광등 사무실 조명 아래에서는 2배 실패합니다. 비율을 조기에 실행하십시오 — 구성 요소 빌드 단계가 아닌 토큰 정의 단계에서 — 의견이 아닌 산술로 질문을 해결합니다.

_SEO title: 컬러 팔레트 + WCAG 검사기 – 무료 접근성 팔레트 도구 | TeaFun_

## FAQ

### 통과 제안은 어떻게 작동하나요?

TeaFun은 선택한 전경 색상의 색조와 채도를 최대한 유지하면서 명도를 조정해 본문 텍스트 기준 WCAG AA에 도달하도록 해요.

### Tailwind 내보내기는 새 v4 형식을 사용하나요?

네. 내보내기는 `@theme` 토큰과 `oklch()` 값을 사용해서 Tailwind v4 프로젝트에 바로 붙여넣을 수 있어요.

### 클라이언트 작업에 쓸 수 있나요?

네. 검사기는 브라우저 전용이라 브랜드 색상 테스트, 토큰 내보내기, PNG 스와치 생성을 외부 서비스로 아무것도 보내지 않고 할 수 있어요.