Color contrast checker
Contrast ratio · accessibility verdict · a passing color suggested
색 대비 검사
글자색과 배경색의 대비비를 재고 접근성 기준 통과 여부를 알려줍니다
글자색
배경색
큰 글씨는 이렇게 보입니다
본문 글씨는 이렇게 보입니다. 읽어 보고 눈이 편한지 확인하세요.
대비비
4.54 : 1
본문 (4.5:1)
통과
큰 글씨 (3:1)
통과
AA 본문통과 — 최소 기준
AA 큰 글씨통과 — 18pt 이상 또는 굵은 14pt
AAA 본문실패 — 더 엄격한 기준
아이콘·테두리통과 — 글자가 아닌 요소 기준
본문에 쓸 수 있습니다.
Computes the contrast ratio between text and background color and tells you whether it passes the web accessibility standard (WCAG). If it fails, it suggests the nearest color that passes.
How to use it
- Enter the text colour and the background colour
- Check it with your own eyes in the preview
- See which bars it passes
- If it fails, apply the suggested colour
Common questions
- What does a contrast ratio of 4.5:1 mean?
- It expresses the difference in brightness between text and its background. Web accessibility guidelines set 4.5:1 as the floor for body text and 3:1 for large text.
- It looks fine to me but it says fail.
- How it feels changes a lot with screen brightness and the light around you. Outdoors in daylight, or on a cheap display, it often disappears — which is why there is a numeric bar at all.
- What counts as large text?
- 18pt and above, or bold at 14pt and above. On screen that is roughly 24px, or bold 18.66px.
Other tools
Stays on your device What you enter is handled inside your browser only — nothing is stored or sent anywhere.
This tool page states where what you enter goes — see the badge above. All tools · KarmoLab · Who made this · Built with AI. View source