Thiết kế

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

Tỷ lệ tương phản WCAG cho hai màu.

Gần như trước khi chúng tôi kịp nhận ra, chúng tôi đã rời khỏi mặt đất.
1.00
Tỷ lệ tương phản
Tiêu chuẩnVăn bản thườngVăn bản lớn
WCAG AA
WCAG AAA
WCAG 1.4.11Thành phần không phải văn bản/UI (≥3:1): —

Màu chữ thay thế AA gần nhấtĐang tính phương án thay thế OKLCH…

Báo cáo này tuân theo yêu cầu tỷ lệ tương phản WCAG 2.2. APCA vẫn đang thử nghiệm và không phải kết quả tuân thủ WCAG 3.

Chọn màu? Chuyển đổi màu · tiểu sử mạng xã hội: Tạo văn bản cách điệu · Thang đo: Tạo sắc độ màu.

Cách sử dụng

Chọn màu chữ và màu nền. Tỷ lệ tương phản và kết quả đạt/không đạt cho từng cấp độ WCAG cập nhật trực tiếp, cùng với bản xem trước.

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

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

WCAG AA yêu cầu 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn. AAA lần lượt yêu cầu 7:1 và 4.5:1. WCAG 1.4.11 cũng yêu cầu 3:1 cho đồ họa phi văn bản thiết yếu và ranh giới hoặc trạng thái của thành phần UI.

Văn bản lớn là gì?

Văn bản lớn thường là 18pt (24px) hoặc 14pt (18,66px) in đậm và lớn hơn.

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

Từ độ chói tương đối của cả hai màu: (màu sáng hơn + 0.05) ÷ (màu tối hơn + 0.05), theo công thức WCAG.

Cập nhật lần cuối: