Công cụ kiểm tra độ tương phản
Chọn màu chữ và màu nền để kiểm tra tỷ lệ tương phản so với ngưỡng WCAG AA và AAA. Xem kết quả riêng cho chữ thường và chữ lớn, kèm phần xem trước bằng các màu đã chọn.
Bạn có thể làm gì
Kiểm tra tỷ lệ của hai màu
Chọn màu văn bản và màu nền rồi xem tỷ lệ tương phản của chúng đến hai chữ số thập phân.
So sánh ngưỡng AA và AAA
Xem các kết quả riêng cho văn bản thường và văn bản lớn, kèm bản xem trước dùng các màu đã chọn.
So sánh với đen và trắng
Mở phần chi tiết tùy chọn để so sánh màu văn bản với nền đen và trắng.
Cách sử dụng
Nhập màu văn bản
Chọn HEX, RGB, HSL, HSV hoặc CMYK rồi nhập màu văn bản. Chọn một ô màu sẽ chuyển đầu vào sang HEX.
Chọn nền
Nhập một giá trị HEX ba hoặc sáu chữ số, hoặc dùng bộ chọn màu. Tiền tố # là tùy chọn.
Kiểm tra tương phản
Chọn Kiểm tra tương phản để xem lại tỷ lệ, bản xem trước văn bản và kết quả AA/AAA. Hãy kiểm tra lại sau khi đổi một trong hai màu.
Khi nào công cụ này hữu ích
Kiểm tra văn bản thân bài trên nền
Nhập các màu dùng trên một trang và kiểm tra xem văn bản thường có đạt tỷ lệ yêu cầu không.
So sánh màu tiêu đề
Dùng kết quả và bản xem trước cho văn bản lớn khi cân nhắc một cặp màu cho tiêu đề.
Đọc kết quả
Tỷ lệ AA và AAA
AA yêu cầu ít nhất 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn. AAA yêu cầu 7:1 cho văn bản thường và 4.5:1 cho văn bản lớn. Kết quả dùng tỷ lệ chưa làm tròn.
Điều gì được coi là văn bản lớn
Văn bản lớn là ít nhất 18 pt, hoặc 14 pt đậm. Trong CSS đó là 24px, hoặc khoảng 18.7px đậm. Bản xem trước dùng văn bản độ dày thường ở 16px và 24px.
Phạm vi kiểm tra
Điều này kiểm tra độ tương phản văn bản giữa hai màu sRGB đục. Nó không đánh giá nền là hình ảnh, pha trộn alpha, các phần tử không phải văn bản hay sự tuân thủ của toàn trang.
Câu hỏi và câu trả lời
Tỷ lệ đạt có nghĩa là cả trang tuân thủ không?
Kết quả này chỉ bao phủ độ tương phản văn bản của hai màu đã chọn. Hãy đánh giá sự tuân thủ của toàn trang riêng biệt.
So sánh với đen và trắng cho biết điều gì?
Nó so sánh màu văn bản đã chọn với đen và trắng và cho biết tỷ lệ nào cao hơn. Điều này tách biệt với kết quả nền đã chọn.
Tôi có thể kiểm tra văn bản trong suốt hoặc văn bản đè lên ảnh không?
Không hỗ trợ alpha và nền là hình ảnh. Hãy nhập màu văn bản và màu nền đục.
Đầu vào và đầu ra
- Màu văn bản
- Giá trị HEX, RGB, HSL, HSV hoặc CMYK, hoặc bộ chọn màu. CMYK chỉ là ước tính không có hồ sơ ICC.
- Nền
- HEX ba hoặc sáu chữ số, hoặc bộ chọn màu. Không hỗ trợ alpha.
- Kết quả
- Tỷ lệ tương phản, kết quả AA/AAA cho văn bản thường và lớn, cùng bản xem trước văn bản. Kết quả hiển thị mà không có thao tác lưu.