
WebAIM — Contrast Checker
실제 전경색과 배경색을 넣고 글자와 인터페이스 요소의 판정을 구분해 볼 수 있습니다. 비율뿐 아니라 해당하는 기준도 읽어보세요.

글자와 인터페이스의 색을 팔레트 미리보기 너머에서 비교할 수 있는 대비 검사 도구를 모았습니다.
조화로운 팔레트에서도 배경에 묻히는 라벨이 생길 수 있습니다. 글자 크기와 주변 내용, 초점 상태, 읽는 화면까지 색에는 맥락이 필요합니다. 전경·배경 값을 비교하고 다른 보기 조건을 생각할 수 있는 도구를 골랐습니다. 통과 표시 하나로 접근성 검토를 끝내기보다 실제 화면을 살피는 데 활용해 보세요.
실제 라벨 하나와 정확한 배경색을 가져오세요. 색 조합을 기록하고 해당하는 글자·인터페이스 기준을 살핀 다음 다른 상태에서도 비교해 보세요. 더 긴 라벨과 좁은 화면도 확인하고, 의미를 색으로만 전달하지 않도록 다른 단서를 남기세요. 바꾼 색은 주변 배치 속에서도 다시 확인하세요.
시뮬레이션이 모든 사람의 시각이나 환경을 재현하지는 못합니다. 대비 검사는 접근성 검토의 일부이며 색 두 개만으로 그라디언트와 이미지, 투명도, 모든 조작 상태를 설명할 수는 없습니다. 실제 렌더링 결과도 살펴보세요.
Zamień rozproszone zakładki w skupioną, prostą publikację i udostępnij ją światu.