Monu Tools

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

Kiểm tra tỷ lệ tương phản giữa hai màu so với các cấp độ trợ năng WCAG AA và AAA.

Cách dùng Kiểm tra tương phản

  1. 01

    Chọn một màu chữ và một màu nền.

  2. 02

    Đọc tỷ lệ tương phản và các huy hiệu đạt hoặc không đạt WCAG.

  3. 03

    Điều chỉnh màu cho đến khi chúng đạt cấp độ bạn cần.

Câu hỏi thường gặp

Tôi cần tỷ lệ tương phản nào?

WCAG AA yêu cầu 4,5:1 cho chữ thường và 3:1 cho chữ lớn (18pt hoặc 14pt đậm). AAA yêu cầu lần lượt 7:1 và 4,5:1.

Cái gì được tính là chữ lớn?

Chữ ít nhất 24px (18pt), hoặc 18,66px (14pt) khi đậm. Chữ lớn được phép có tỷ lệ tương phản thấp hơn.

Tỷ lệ được tính như thế nào?

Từ độ sáng tương đối của mỗi màu bằng công thức WCAG chính thức, cho một giá trị từ 1:1 (không tương phản) đến 21:1 (đen trên trắng).

Về công cụ này

Một công cụ kiểm tra độ tương phản màu WCAG hiển thị tỷ lệ tương phản chính xác giữa màu chữ và màu nền và liệu nó có đáp ứng các cấp độ trợ năng AA và AAA không.

Chọn màu bằng bảng màu hoặc bằng mã hex và xem bản xem trước trực tiếp. Độ tương phản tốt làm trang của bạn dễ đọc và dễ tiếp cận.

Công cụ liên quan