Kiểm tra độ tương phản màu
Đo tỷ lệ tương phản WCAG và xem chữ có đạt AA và AAA cho chữ thường và chữ lớn không.
Hướng dẫn sử dụng
Kiểm tra cặp màu
Chọn màu chữ và màu nền. Công cụ hiển thị tỷ lệ tương phản và nhãn đạt/không đạt cho từng mức WCAG.
- Chọn màu chữ.
- Chọn màu nền.
- Hướng tới tối thiểu 4.5:1 cho chữ thường.
Ngưỡng WCAG
Chữ thường cần 4.5:1 cho AA và 7:1 cho AAA. Chữ lớn (18pt hoặc 14pt in đậm) cần 3:1 cho AA và 4.5:1 cho AAA.
Câu hỏi thường gặp
Chữ lớn được hiểu thế nào?
WCAG định nghĩa chữ lớn là tối thiểu 18pt (24px) hoặc 14pt (18.66px) khi in đậm.
Tỷ lệ càng cao càng tốt?
Đúng. Tỷ lệ tối đa là 21:1, đạt được với chữ đen trên nền trắng.
Công cụ liên quan
Tạo bảng màu
Tạo bảng màu nhạt, đậm, tương đồng, bổ sung và bộ ba từ bất kỳ màu nào.
Chuyển đổi màu
Chuyển đổi màu giữa HEX, RGB và HSL kèm ô xem trước trực tiếp.
Tạo gradient CSS
Thiết kế gradient CSS tuyến tính hoặc hướng tâm với xem trước trực tiếp và mã CSS sẵn sàng.
Tạo UUID / GUID
Tạo UUID phiên bản 4 ngẫu nhiên, sao chép từng cái hoặc hàng loạt.
Tạo mã băm
Tính mã băm MD5, SHA-1, SHA-256 và SHA-512 cho mọi văn bản.
Chuyển đổi Timestamp
Chuyển đổi giữa Unix timestamp, ISO 8601 và ngày giờ địa phương dễ đọc.