Chọn màu chữ và màu nền để biết chữ có đủ dễ đọc không. Công cụ tính tỉ lệ tương phản theo WCAG 2 và cho biết đạt những mức nào.
Kiểm tra độ tương phản màu dùng để làm gì?
Nhập màu chữ và màu nền để xem tỉ lệ tương phản theo WCAG 2 và có đạt mức AA, AAA cho chữ thường, chữ lớn và thành phần giao diện không; xem trước chữ trên nền, hoán đổi hai màu và nhận gợi ý màu chữ gần nhất đạt chuẩn. Chạy trong trình duyệt.
Cách sử dụng Kiểm tra độ tương phản màu
- Chọn màu chữ và màu nền (bằng bảng chọn màu hoặc gõ #rrggbb, rgb(), hsl() hoặc tên màu).
- Xem tỉ lệ tương phản và các mức đạt được; xem trước chữ trên nền.
- Nếu chưa đạt, dùng màu gợi ý hoặc chỉnh màu nền.
Về độ tương phản
- Tỉ lệ tương phản (WCAG 2) từ 1:1 (cùng màu) đến 21:1 (đen trên trắng), tính từ độ sáng tương đối của hai màu. Mức AA cần 4,5:1 cho chữ thường và 3:1 cho chữ lớn (từ 18 điểm, hoặc 14 điểm in đậm) và cho thành phần giao diện; mức AAA cần 7:1 và 4,5:1.
- Tỉ lệ được cắt xuống 2 chữ số thập phân (4,499 không được làm tròn thành 4,50), nên một màu chỉ đạt khi thật sự đạt ngưỡng.
- Màu gợi ý giữ nguyên sắc và độ bão hoà, chỉ đổi độ sáng đến mức gần nhất đạt AA. Độ tương phản chỉ là một phần của việc dễ đọc: cỡ chữ, phông chữ và khoảng cách cũng quan trọng.
Giới hạn và quyền riêng tư
Công cụ xử lý dữ liệu ngay trong trình duyệt của bạn, nội dung không được gửi lên máy chủ. Giới hạn của công cụ: Không giới hạn.
Dùng thử ngay: Kiểm tra độ tương phản màu.
