Trình kiểm tra độ tương phản màu — WCAG AA/AAA
Màu sắcTrình kiểm tra độ tương phản màu so sánh độ chói tương đối của màu chữ và màu nền để tính tỷ lệ tương phản WCAG và xác định có đạt các tiêu chí hay không.
Bản dịch có hỗ trợ AI đang được rà soát
Trang này được dịch với sự hỗ trợ của AI và chưa được chuyên gia rà soát. Hãy kiểm tra các nguồn trích dẫn trước khi dùng cho quyết định quan trọng.
Giới thiệu
Trong khả năng tiếp cận web, độ tương phản màu ảnh hưởng đến khả năng đọc của văn bản. WCAG khuyến nghị 4.5:1 cho văn bản thường ở mức AA, 3:1 cho văn bản lớn ở mức AA và 7:1 cho mức AAA.
tỷ lệ tương phản = (sáng hơn + 0.05) / (tối hơn + 0.05)
Cách dùng
- 1Nhập màu HEX của chữ.
- 2Nhập màu HEX của nền.
- 3Xem tỷ lệ tương phản và kết quả AA/AAA.
Tham khảo
| Chữ | Nền | Tỷ lệ | Kết quả |
|---|---|---|---|
| #111111 | #FFFFFF | 18.88:1 | AAA |
| #777777 | #FFFFFF | 4.48:1 | Không đạt AA cho văn bản thường |
Nguồn và tiêu chuẩn
Câu hỏi thường gặp
Yêu cầu về độ tương phản văn bản của WCAG AA là bao nhiêu?
Văn bản thường cần ít nhất 4.5:1 và văn bản lớn cần ít nhất 3:1 để đạt WCAG AA.
Dữ liệu độ tương phản màu có được gửi lên máy chủ không?
Không. Công cụ này chạy trong trình duyệt của bạn và không gửi dữ liệu lên bất kỳ máy chủ nào.