색상 대비 검사기

개발자 유틸리티

WCAG 대비율을 측정하고 일반 및 큰 텍스트에서 AA와 AAA를 충족하는지 확인합니다.

사용 방법

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

Choose the text color.
Choose the background color.
Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

자주 묻는 질문

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

관련 도구

색상 팔레트 생성기 모든 색상에서 밝은 색조, 어두운 색조, 유사색, 보색, 삼각 배색을 생성합니다. 색상 변환기 실시간 미리보기와 함께 색상을 HEX, RGB, HSL 사이에서 변환합니다. CSS 그라디언트 생성기 실시간 미리보기와 복사 가능한 CSS로 선형 또는 방사형 CSS 그라디언트를 디자인하세요. UUID / GUID 생성기 무작위 버전 4 UUID를 생성하고 하나씩 또는 일괄로 복사합니다. 해시 생성기 모든 텍스트의 MD5, SHA-1, SHA-256, SHA-512 다이제스트를 계산합니다. 타임스탬프 변환기 Unix 타임스탬프, ISO 8601, 사람이 읽을 수 있는 현지 날짜 사이를 변환합니다.