Color Blindness Simulator

Giới thiệu công cụ

Bộ mô phỏng mù màu áp dụng bộ lọc ma trận màu CSS cho các màu mẫu để hiển thị thiết kế của bạn trông như thế nào với người có các loại khiếm khuyết thị giác màu khác nhau.

Dùng khi thiết kế thành phần UI, biểu đồ, bản đồ hoặc nội dung trực quan dựa trên màu để truyền tải thông tin.

Các loại mù màu

• Thị giác bình thường: Thị giác bình thường: nhận thức màu đầy đủ
• Mù đỏ (Protanopia): Mù đỏ: thiếu tế bào hình nón đỏ (~1% nam giới)
• Mù xanh lá (Deuteranopia): Mù xanh lá: thiếu tế bào hình nón xanh lá (phổ biến nhất, ~1% nam)
• Mù xanh lam (Tritanopia): Mù xanh lam: thiếu tế bào hình nón xanh lam (hiếm, ~0,003%)
• Mù màu hoàn toàn: Mù màu hoàn toàn: không nhận màu, chỉ thấy thang xám (rất hiếm)
• Giảm nhận màu (Achromatomaly): Giảm nhận màu: nhạy cảm màu giảm ở nhiều loại tế bào hình nón

Cách sử dụng

1. Chọn loại mô phỏng từ menu thả xuống.
2. Quan sát cách các mẫu màu và phổ màu thay đổi với bộ lọc được chọn.
3. So sánh với thị giác bình thường để xác định tổ hợp màu có vấn đề.

Trường hợp sử dụng

Nhà thiết kế UI/UX kiểm tra trạng thái nút và chỉ số trạng thái có thể phân biệt được. Người tạo trực quan hóa dữ liệu đảm bảo màu biểu đồ có thể truy cập.

Câu hỏi thường gặp

• Các mô phỏng này chính xác đến mức nào? — Sử dụng các phép biến đổi ma trận màu đã được thiết lập và là xấp xỉ tốt.
• Bao nhiêu phần trăm người mắc chứng mù màu? — Khoảng 8% nam giới và 0,5% nữ giới có một dạng khiếm khuyết thị giác màu.
• Cách tốt nhất để thiết kế cho người mù màu là gì? — Kết hợp màu với các gợi ý hình ảnh khác như hình dạng, mẫu, nhãn hoặc kết cấu.