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

Đây là công cụ kiểm tra tương phản màu theo WCAG, cho biết tỷ lệ tương phản chính xác giữa màu chữ và màu nền, cùng việc nó có đạt mức khả dụng AA và AAA hay không. Hãy chọn màu bằng ô màu hoặc bằng mã hex rồi xem bản xem trước trực tiếp.

Hãy chỉnh hai màu cho tới khi các huy hiệu đạt mức bạn cần, kết quả cập nhật ngay khi bạn thao tác.

Chữ có độ sáng quá gần với nền thì khó đọc hoặc không đọc nổi, nhất là với người thị lực kém hay rối loạn nhận biết màu, hoặc với bất kỳ ai đang dùng điện thoại dưới nắng gắt. Đủ tương phản giúp nội dung của bạn đọc được với mọi người.

Hướng dẫn về khả năng tiếp cận nội dung web (WCAG) đặt ra chuẩn mực. Mức AA, mức mà phần lớn trang web nhắm tới và nhiều luật về khả năng tiếp cận viện dẫn, đòi tỷ lệ 4,5:1 cho chữ thường và 3:1 cho chữ lớn. Mức AAA khắt khe hơn với 7:1 và 4,5:1.

Chữ lớn có ngưỡng thấp hơn vì chữ to vẫn đọc được ở mức tương phản kém hơn. Chữ được tính là lớn từ khoảng 24px (18pt), hoặc 18,66px (14pt) khi in đậm.

Tỷ lệ đến từ độ chói tương đối của hai màu theo công thức chính thức của WCAG, cho ra một giá trị từ 1:1 (không tương phản, hai màu giống hệt) tới 21:1 (đen trên trắng).

Mọi thứ được tính trong trình duyệt của bạn, nên nó tức thì và riêng tư. Không có gì bạn chọn bị tải lên đâu cả.