Màu văn bản
Màu nền
Độ tương phản
8.42
- Đạt
Văn bản nhỏ
WCAG AA
- Đạt
Văn bản lớn
WCAG AA
- Đạt
Văn bản nhỏ
WCAG AAA
- Đạt
Văn bản lớn
WCAG AAA
Mô phỏng Mù màu
Thông tin:
Văn bản nhỏ: dưới 18pt. Văn bản lớn: 18pt+ hoặc đậm 14pt+.
Nền sáng
Trích dẫn số. 26
Georg Christoph Lichtenberg
Nền tối
Trích dẫn số. 26
Georg Christoph Lichtenberg
Văn bản nhỏ
Văn bản lớn
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Lịch sử Tỷ lệ Tương phản
Hiểu các tiêu chuẩn WCAG và khả năng truy cập
Tiêu chuẩn WCAG
Hướng dẫn Khả năng Truy cập Nội dung Web (WCAG) được phát triển bởi World Wide Web Consortium (W3C) để làm cho nội dung web dễ tiếp cận hơn cho người khuyết tật. Các yêu cầu về tỷ lệ tương phản được giới thiệu để đảm bảo văn bản có thể đọc được cho người dùng khiếm thị.
Phát triển
WCAG 1.0 được xuất bản vào năm 1999, thiết lập các yêu cầu tỷ lệ tương phản đầu tiên. WCAG 2.0 (2008) đã tinh chỉnh các tiêu chuẩn này với các công thức chính xác hơn. WCAG 2.1 (2018) đã thêm các tiêu chí thành công bổ sung. Công thức tỷ lệ tương phản hiện tại được phát triển dựa trên nghiên cứu về nhận thức thị giác của con người và khoa học màu sắc.
Tại sao Quan trọng
Tỷ lệ tương phản phù hợp đảm bảo văn bản có thể đọc được cho mọi người, bao gồm người dùng mù màu, thị lực kém hoặc những người xem nội dung dưới ánh sáng mặt trời chói chang. Điều này làm cho web trở nên bao quát và dễ tiếp cận hơn cho hàng triệu người dùng trên toàn thế giới.
Công thức
Tỷ lệ tương phản được tính bằng cách sử dụng độ sáng tương đối của màu sắc. Nó dao động từ 1:1 (không có tương phản) đến 21:1 (tương phản tối đa, như đen trên trắng). WCAG AA yêu cầu 4,5:1 cho văn bản thông thường và 3:1 cho văn bản lớn. WCAG AAA yêu cầu 7:1 cho văn bản thông thường và 4,5:1 cho văn bản lớn.