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

Kiểm tra tỷ lệ tương phản giữa màu nền trước và màu nền sau để đảm bảo khả năng truy cập.

1.00:1
Sự tương phản
Fail
Rất nghèo

Văn bản bình thường

AA (4.5:1)
AAA (7:1)

Văn bản lớn

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff009e

Sửa chữa nhanh

Aa

Tiêu đề xem trước

Con cáo nâu nhanh nhẹn nhảy qua con chó lười

Ví dụ về văn bản nhỏ (12px)

Chữ
#000000
Lý lịch
#ff009e

Tiêu chuẩn WCAG

Level AA

Tỷ lệ tương phản tối thiểu là 4,5:1 cho văn bản thường và 3:1 cho văn bản lớn. Yêu cầu đối với hầu hết các trang web.

Level AAA

Tỷ lệ tương phản được cải thiện 7:1 cho văn bản thường và 4,5:1 cho văn bản lớn. Được khuyến nghị để có khả năng truy cập tối ưu.

Độ tương phản kém đối với tất cả các kích thước văn bản.

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

Tính tỷ lệ tương phản của văn bản và màu nền.

Chọn màu bằng công cụ chọn màu cho văn bản và màu nền hoặc nhập màu ở định dạng thập lục phân RGB (ví dụ: # 259 hoặc # 2596BE). Bạn có thể điều chỉnh thanh trượt để chọn màu. Nguyên tắc Hỗ trợ Tiếp cận Nội dung Web (WCAG) có một hướng dẫn cụ thể để giúp tìm ra liệu văn bản có thể đọc được đối với người dùng bị khiếm thị hay không. Tiêu chí này sử dụng một thuật toán cụ thể để ánh xạ các kết hợp màu sắc thành các tỷ lệ có thể so sánh được. Sử dụng công thức này, WCAG tuyên bố rằng tỷ lệ tương phản màu 4,5: 1 với văn bản và nền của nó là đủ cho văn bản thông thường (nội dung) và văn bản lớn (18+ pt thường hoặc 14+ pt đậm) phải có ít nhất 3: 1 tỷ lệ tương phản màu.

Các tính năng chính

  • Tính toán tỷ lệ tương phản thời gian thực
  • Kiểm tra tuân thủ WCAG AA & AAA
  • Thanh trượt HSL để tinh chỉnh
  • Nhiều định dạng xem trước

Công cụ nâng cao

  • Tự động sửa màu
  • Mẫu văn bản và hình nền
  • Phát hiện tên màu
  • Xuất kết quả