Công cụ kiểm tra tương phản màu

Độ tương phản quyết định người ta có đọc được chữ trên nền hay không, và nó là một con số đo được chứ không phải chuyện cảm tính. Tiêu chuẩn WCAG của tổ chức W3C quy định chữ cỡ thường cần tối thiểu 4,5:1, chữ lớn cần 3:1, còn các thành phần giao diện như viền ô nhập hay biểu tượng cần 3:1. Công cụ này nhận màu chữ và màu nền rồi cho biết đạt hay không, kèm gợi ý chỉnh. Điều bất ngờ với nhiều người: công thức tính KHÔNG phải trung bình cộng ba kênh màu. Mắt người nhạy với màu xanh lá hơn hẳn màu đỏ, và nhạy với đỏ hơn xanh dương, nên công thức nhân trọng số khác nhau cho từng kênh — hơn 71% cho xanh lá, 21% cho đỏ và chỉ hơn 7% cho xanh dương. Đó là lý do nền vàng chói lại cần chữ đen, còn nền xanh dương đậm cần chữ trắng, dù nhìn bằng mắt có thể đoán ngược. Hai cái bẫy hay gặp khi tự chỉnh màu. Thứ nhất, làm mờ chữ bằng độ đục là cách giảm tương phản KHÔNG kiểm soát được — mã CSS vẫn khai màu đạt chuẩn nhưng màu hiển thị thật đã nhạt đi, đọc mã không thấy lỗi. Thứ hai, nền có lớp màu pha loãng thì phải lấy màu pha thật làm chuẩn, không lấy màu nền gốc.