Kiểm tra tương phản
So sánh màu chữ và màu nền theo WCAG 2.1, cho biết đạt AA hay AAA với chữ thường, chữ lớn và thành phần giao diện, kèm bản xem thử thật.
File và dữ liệu của bạn không rời khỏi máy
Cặp màu
Kết quả
4,83
tỉ lệ tương phản
- AA, chữ thường4.5:1
- AA, chữ lớn3:1
- AAA, chữ thường7:1
- AAA, chữ lớn4.5:1
Xem thử
Chữ lớn 24px in đậm
Đoạn văn cỡ thường 16px. Đây là cỡ chữ hầu hết nội dung trên web dùng, cũng là cỡ chữ khắt khe nhất khi xét tương phản.
Chú thích cỡ nhỏ 14px, thường dùng cho ghi chú phụ.
Công cụ này làm được gì
- Chấm đạt hay không cho 4 ngưỡng: AA thường, AA lớn, AAA thường, AAA lớn
- Xem thử chữ thật trên nền thật, cả cỡ nhỏ lẫn cỡ lớn
- Đảo nhanh màu chữ và màu nền
- Gợi ý sắc độ gần nhất đạt chuẩn khi cặp màu hiện tại chưa đạt
Giới hạn cần biết trước
- Chỉ xét màu đặc, không tính được lớp phủ trong suốt hay ảnh nền
Công cụ khác trong Màu sắc
Chuyển đổi mã màu
HEX, RGB, HSL, OKLCH và độ tương phản.
Mở công cụTạo bảng màu
Sinh thang màu 50 đến 950 từ một màu gốc.
Sắp ra mắt
Tạo dải màu chuyển
Dựng gradient và lấy mã CSS.
Sắp ra mắt