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

Tính tỷ lệ tương phản giữa màu chữ và màu nền theo chuẩn WCAG.

Màu chữ
Màu nền
Độ tương phản
1.00
Chữ nhỏ
Chữ lớn

Xem trước

Đây là cách chữ của bạn hiển thị trên nền đã chọn. Hãy chỉnh màu đến khi chữ dễ đọc.

Tỷ lệ tương phản là gì?

Đây là thước đo độ chênh lệch về độ sáng giữa hai màu, biểu thị bằng tỷ lệ từ 1:1 (không có tương phản) đến 21:1 (tối đa, đen trên trắng). Giá trị càng cao, chữ càng dễ đọc.

WCAG yêu cầu mức nào?

Với chữ nhỏ, mức AA yêu cầu tỷ lệ tối thiểu 4,5:1 và mức AAA là 7:1. Với chữ lớn (18 pt hoặc 14 pt in đậm), AA yêu cầu 3:1 và AAA là 4,5:1. Khi đạt các ngưỡng này, hầu hết mọi người đều đọc được nội dung của bạn, kể cả người có thị lực kém.

Xem trước

Đây là cách chữ của bạn hiển thị trên nền đã chọn. Hãy chỉnh màu đến khi chữ dễ đọc.