Công Cụ Kiểm Tra Khả Năng Tiếp Cận Màu Sắc
Nhập màu chữ và màu nền (mã hex) để kiểm tra tỷ lệ tương phản và sự tuân thủ WCAG.
Đây là văn bản đậm cỡ lớn.
Đây là văn bản kích thước thường.
21.00:1
Tỷ Lệ Tương Phản
Văn Bản Thường (AA)
Văn Bản Lớn (AA)
18pt+ or 14pt+ bold
Thành Phần Giao Diện (AA)
Buttons, form controls, etc.
Level AA (minimum required for accessibility compliance):
• Normal Text: Contrast ratio of at least 4.5:1
• Large Text: Contrast ratio of at least 3:1
• UI Components: Contrast ratio of at least 3:1
Level AAA (enhanced accessibility):
• Normal Text: Contrast ratio of at least 7:1
• Large Text: Contrast ratio of at least 4.5:1
Notes:
• "Large Text" is defined as 18pt or 14pt bold and above
• Logos and decorative elements have no minimum contrast requirement
• Text over images or gradients should be evaluated throughout the image
Cách sử dụng Công Cụ Kiểm Tra Khả Năng Tiếp Cận Màu Sắc
- 1
Nhập hai màu
Cung cấp màu chữ (foreground) và màu nền dưới dạng mã hex, ví dụ #1a1a1a và #ffffff.
- 2
Kiểm tra độ tương phản
Nhấn Check Accessibility để tính tỷ lệ tương phản giữa hai màu.
- 3
Xem kết quả WCAG
Xem các huy hiệu đạt hoặc không đạt cho AA và AAA ở mức chữ thường, chữ lớn và thành phần giao diện, đồng thời xem bản xem trước trực tiếp.
- 4
Điều chỉnh khi cần
Hoán đổi các màu hoặc tinh chỉnh giá trị hex cho đến khi tổ hợp đáp ứng mức WCAG mà dự án của bạn yêu cầu.
Câu hỏi thường gặp
Tỷ lệ tương phản là gì và mức nào được coi là tốt?
Khác biệt giữa AA và AAA là gì?
Tại sao chữ lớn đạt trong khi chữ thường không đạt?
Tôi nên nhập màu ở định dạng nào?
Công cụ có miễn phí không và nó có gửi màu của tôi đi đâu không?
Công cụ liên quan
Tiếp tục với những công cụ hữu ích này