색상 대비 확인
접근 가능한 텍스트와 UI를 위한 WCAG 대비 비율을 확인하세요.
색상 대비 확인 도구는 두 색 사이의 WCAG 대비 비율을 측정하고 일반/큰 텍스트에 대한 AA, AAA 통과 배지를 표시하며 AA에 도달하는 더 어둡거나 밝은 전경 색상을 제안합니다.
미리보기
키스의 고유조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다
대비 비율: 17.72:1
AA 통과AA 크게 통과AAA 통과AAA 크게 통과
AA 제안
#0a0a0b
대비 비율 19.79:1 · 더 어둡게
#000000
대비 비율 21:1 · 더 어둡게
#26262b
대비 비율 15.06:1 · 더 밝게
#35353b
대비 비율 12.18:1 · 더 밝게
#43434c
대비 비율 9.79:1 · 더 밝게
사용 방법
- 전경 색상을 입력하거나 선택하세요.
- 배경 색상을 입력하거나 선택하세요.
- 비율, 통과 배지, 제안된 AA 준수 대안을 확인하세요.
자주 묻는 질문
좋은 대비 비율은 무엇인가요?
일반 텍스트의 경우 WCAG AA는 최소 4.5:1, AAA는 최소 7:1을 요구합니다.
큰 텍스트란 무엇인가요?
큰 텍스트는 보통 18pt 또는 14pt 굵기이며 AA 기준이 3:1로 낮습니다.
제안은 어떻게 생성되나요?
비율이 4.5:1에 도달할 때까지 전경 밝기를 흰색 또는 검정 방향으로 조정합니다.