Kiểm tra độ tương phản màu

Cách sử dụng

1. Chọn màu chữ và màu nền (bằng bảng chọn màu hoặc gõ #rrggbb, rgb(), hsl() hoặc tên màu).
2. Xem tỉ lệ tương phản và các mức đạt được; xem trước chữ trên nền.
3. Nếu chưa đạt, dùng màu gợi ý hoặc chỉnh màu nền.

Về độ tương phản

• Tỉ lệ tương phản (WCAG 2) từ 1:1 (cùng màu) đến 21:1 (đen trên trắng), tính từ độ sáng tương đối của hai màu. Mức AA cần 4,5:1 cho chữ thường và 3:1 cho chữ lớn (từ 18 điểm, hoặc 14 điểm in đậm) và cho thành phần giao diện; mức AAA cần 7:1 và 4,5:1.
• Tỉ lệ được cắt xuống 2 chữ số thập phân (4,499 không được làm tròn thành 4,50), nên một màu chỉ đạt khi thật sự đạt ngưỡng.
• Màu gợi ý giữ nguyên sắc và độ bão hoà, chỉ đổi độ sáng đến mức gần nhất đạt AA. Độ tương phản chỉ là một phần của việc dễ đọc: cỡ chữ, phông chữ và khoảng cách cũng quan trọng.