Kiểm tra tương phản màu
Kiểm tra tỷ lệ tương phản màu WCAG 2.1 AA/AAA cho thiết kế web tiếp cận
rgb(30, 41, 59)
rgb(248, 250, 252)
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
Color Contrast Checker — WCAG AA/AAA
Check whether your text and background color combination meets WCAG 2.1 accessibility standards. Shows contrast ratio and pass/fail for AA (4.5:1) and AAA (7:1) levels.
FAQ
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are international standards for making web content accessible to people with disabilities, including color vision deficiencies.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 for normal and 4.5:1 for large.
Why does color contrast matter?
Low-contrast text is hard to read for people with low vision, color blindness, or in bright sunlight. It also affects your legal compliance in many jurisdictions.
Tiếp tục khám phá
Công cụ Công cụ Developer khác bạn có thể thích…
Định dạng JSON
Định dạng, kiểm tra và nén JSON với tô sáng cú pháp và phát hiện lỗi
Mã hóa/Giải mã Base64
Mã hóa văn bản hoặc file sang Base64 và giải mã chuỗi Base64 thành văn bản
Mã hóa/Giải mã URL
Mã hóa và giải mã thành phần URL và tham số query string
Tạo UUID
Tạo UUID ngẫu nhiên (v1, v4) hoặc tạo hàng loạt nhiều UUID cùng lúc
Tạo Hash
Tạo hash MD5, SHA-1, SHA-256, SHA-512 từ văn bản hoặc file
Kiểm tra Regex
Kiểm tra biểu thức chính quy với tô sáng khớp thời gian thực và trích xuất nhóm
Giải mã JWT
Giải mã và kiểm tra JSON Web Token — xem header, payload và xác minh chữ ký
Định dạng HTML
Định dạng và làm đẹp mã HTML với thụt lề đúng và tô sáng cú pháp