Trình kiểm tra độ tương phản màu WCAG miễn phí: kiểm tra văn bản và màu nền xem có tuân thủ AA và AAA trong trình duyệt của bạn không. Nhập giá trị hex hoặc rgb, xem tỷ lệ tương phản và đạt/không đạt ngay lập tức. Không đăng nhập, không tải lên.
Nó tính toán tỷ lệ tương phản WCAG 2.x giữa màu nền trước (văn bản) và màu nền bằng cách sử dụng độ chói tương đối sRGB. Bạn nhận được tỷ lệ số (ví dụ 4,52:1) cộng với đạt/không đạt đối với ngưỡng WCAG AA và AAA trên văn bản thông thường và văn bản lớn. Đây là công cụ trợ giúp QA thiết kế—không phải là công cụ kiểm tra khả năng truy cập hoàn toàn tự động cho toàn bộ trang web của bạn.
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb() và rgba(). Dán các giá trị bảng màu thương hiệu từ mã thông báo Figma, biến CSS hoặc tài liệu thiết kế. Hex ngắn như #fff mở rộng thành #ffffff trước khi tính độ sáng.
AA là đường cơ sở pháp lý và sản phẩm phổ biến: 4,5:1 cho văn bản thông thường, 3:1 cho văn bản lớn. AAA chặt chẽ hơn: 7:1 bình thường, 4,5:1 lớn. Nhiều trang web tiếp thị nhắm mục tiêu AA cho nội dung và AAA chỉ cho các tiêu đề nổi bật hoặc giao diện người dùng có rủi ro cao. Công cụ này hiển thị cả hai để bạn có thể chọn mục tiêu có thể phòng thủ bằng thiết kế.
Văn bản lớn có độ dày thông thường ít nhất là 18 point (24 CSS px) hoặc đậm ít nhất 14 point (khoảng 18,66 CSS px). Các nút, chú thích và bản in đẹp thường không đạt AA ngay cả khi tiêu đề vượt qua—hãy kiểm tra mọi kích thước bạn gửi, không chỉ mẫu H1.
Không. Phép toán phân tích cú pháp và độ sáng chạy hoàn toàn trong trình duyệt của bạn. Các thử nghiệm bảng màu chưa được phát hành và màu NDA của khách hàng vẫn còn trên thiết bị của bạn. Xóa các trường trên máy dùng chung khi hoàn tất.
Các giá trị rgba và #RRGGBBAA được phân tích cú pháp nhưng độ tương phản được đánh giá trên các kênh sRGB mờ—trình kiểm tra không kết hợp văn bản alpha trên nền ảnh. Đối với văn bản trên hình ảnh, hãy lấy mẫu màu hiệu quả đằng sau bản sao hoặc sử dụng lớp phủ đồng màu trước, sau đó kiểm tra lại.
Vâng. Miễn phí mà không cần đăng nhập vào tỷ lệ cốt lõi và đường dẫn đạt/không đạt.