색상 대비 검사기
대비 검사기를 사용하여 텍스트와 배경색을 일반적인 WCAG 가독성 기준과 비교하세요. 두 색상을 입력하고 비율을 확인한 다음, 결과가 읽기 쉬워질 때까지 값을 복사하거나 조정할 수 있습니다.
WCAG 대비
작은 텍스트는 일반적으로 AA에 4.5:1, AAA에 7:1의 비율이 필요합니다. 큰 텍스트와 UI 요소는 기준이 더 낮지만, 대비가 높을수록 읽기 쉽습니다.
전경색과 배경색의 대비율을 확인해 읽기 쉬운 디자인을 만드세요.
| Element | AA | AAA |
|---|---|---|
| Small text | × | × |
| Large text | × | × |
| UI element | × | × |
대비 검사기를 사용하여 텍스트와 배경색을 일반적인 WCAG 가독성 기준과 비교하세요. 두 색상을 입력하고 비율을 확인한 다음, 결과가 읽기 쉬워질 때까지 값을 복사하거나 조정할 수 있습니다.
작은 텍스트는 일반적으로 AA에 4.5:1, AAA에 7:1의 비율이 필요합니다. 큰 텍스트와 UI 요소는 기준이 더 낮지만, 대비가 높을수록 읽기 쉽습니다.