Công cụ: Tính Tỷ Lệ Tương Phản Màu WCAG. Danh mục: Hình ảnh & Thiết kế. Nhóm: Color. Nền tảng: BOP.INK. Xử lý trực tiếp trên trình duyệt, không lưu dữ liệu, miễn phí 100%.
Hình ảnh & Thiết kếColorAccessibility UI/UX🔒 Bảo Mật & Riêng Tư • Miễn Phí Không Giới Hạn
Tính Tỷ Lệ Tương Phản Màu WCAG
Kiểm tra độ tương phản giữa màu chữ và màu nền theo chuẩn quốc tế WCAG 2.1 để đảm bảo dễ đọc trên giao diện UI/UX.
Đang khởi tạo tiện ích trực tiếp trên trình duyệt...
Cách Kiểm Tra Độ Tương Phản Màu
Các bước thao tác đơn giản và chuẩn xác nhất
1
Chọn độ sáng màu chữ
Kéo thanh trượt mô phỏng màu chữ từ tối đến sáng.
2
Chọn độ sáng màu nền
Kéo thanh trượt màu nền.
3
Xem kết quả Đạt/Không đạt
Hệ thống đánh giá theo ngưỡng chuẩn WCAG AA (4.5:1).
Công Thức Contrast Ratio
Minh bạch công thức và phương pháp tính toán chuẩn
Contrast Ratio = (L1 + 0.05) / (L2 + 0.05). Chuẩn AA văn bản thường yêu cầu tối thiểu 4.5:1.
| Cấp Độ | Văn Bản Thường | Văn Bản Lớn / Icon |
|---|---|---|
| WCAG AA (Bắt buộc) | Tối thiểu 4.5 : 1 | Tối thiểu 3.0 : 1 |
| WCAG AAA (Nâng cao) | Tối thiểu 7.0 : 1 | Tối thiểu 4.5 : 1 |
Câu Hỏi Thường Gặp (FAQs)
Giải đáp các thắc mắc phổ biến về tiện ích này
Giúp người dùng đọc dễ dàng dưới nắng chói và hỗ trợ người khiếm thị nhận diện thông tin.