Độ tương phản màu là gì?
Tỷ lệ tương phản đo sự chênh lệch độ chói giữa chữ (tiền cảnh) và nền trên thang từ 1:1 (không tương phản) đến 21:1 (đen trên trắng).
Công cụ này chuyển màu sang sRGB, trộn độ trong suốt trước khi so sánh và dùng công thức độ chói tương đối theo WCAG.
Ngưỡng WCAG
- AA: 4.5:1 cho chữ thường, 3:1 cho chữ lớn.
- AAA: 7:1 cho chữ thường, 4.5:1 cho chữ lớn.
- Chữ lớn là 18pt+ thường hoặc 14pt+ đậm.
- Thành phần UI, biểu tượng và đồ họa nên đạt ít nhất 3:1.
Tỷ lệ cao hơn giúp dễ đọc hơn, nhất là với font mảnh hoặc cỡ nhỏ.