사용 방법: 색상 명암비 검사기 (WCAG)
색상 명암비 검사기 (WCAG)은 브라우저에서 즉시 verify text contrast ratios against WCAG AA/AAA할 수 있는 무료 온라인 색상 도구 도구입니다. 데이터를 붙여넣고 옵션을 조절하면 실시간으로 결과를 얻을 수 있습니다 — 설치 불필요, 가입 불필요, 서버 전송도 없습니다.
설명
Verify text contrast ratios against WCAG AA/AAA.
- 색상 도구
- 모든 연산이 클라이언트에서 수행되어 API 키, 토큰 등 민감한 데이터에도 안전합니다.
사용 방법
색상 명암비 검사기 (WCAG) 사용법은 세 단계:
- 입력창에 데이터를 붙여넣기 (또는 예제 불러오기).
- 목적에 맞게 옵션 조정.
- 출력 복사·다운로드·확인 — 입력에 따라 실시간 업데이트.
실행
예제
Against #ffffff background.
입력
#777777
출력
#777777 on #ffffff Contrast ratio: 4.48:1 WCAG 2.1: AA normal text (≥4.5): ✗ FAIL AA large text (≥3): ✓ PASS AAA normal text (≥7): ✗ FAIL AAA large text (≥4.5): ✗ FAIL UI components (≥3): ✓ PASS Verdict: Large text only (AA)
此输出由工具真实运行产生，并非人工编写。
사용 사례
색상 명암비 검사기 (WCAG)이 유용한 상황:
- Verify text contrast ratios against WCAG AA/AAA.
매개변수
| key | 옵션 | type | allowed | default | 색상 명암비 검사기 (WCAG) |
|---|---|---|---|---|---|
bg | Background | color | — | #ffffff | — |
bg2 | …or type background | text | — | #ffffff | — |
입력: text · 출력: text · live: ✓
FAQ
Color Contrast Checker (WCAG)이 무엇인가요?
verify text contrast ratios against WCAG AA/AAA을(를) 위한 도구입니다. 전부 브라우저에서 실행되어 데이터가 외부로 전송되지 않습니다.
무료인가요?
네. 무제한, 가입·설치 없이 무료입니다.
데이터가 업로드되나요?
아니요. 모든 처리는 로컬에서 이루어집니다.
주의 사항
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。
관련 도구
16 진 색상 선택기Interactive picker with HEX, RGB and HSL output.색상 Code 변환기Convert between HEX, RGB, HSL and named colors.색상 팔레트 생성기Shades, tints and complementary schemes from one color.난수 색상 생성기Batch random colors with copyable codes.CSS Named Colors ReferenceAll 148 CSS color names with codes and previews.Base64 인코더Encode text, JSON, URLs or files to Base64, standard or URL-safe.