👁️

mô phỏng mù màu

Tải lên bất kỳ hình ảnh nào và xem hình ảnh đó trông thế nào với người mắc chứng thiếu hụt thị lực màu. Kiểm tra UI, biểu đồ và thiết kế của bạn về khả năng truy cập. Mô phỏng chạy hoàn toàn trong trình duyệt của bạn — không tải lên, không máy chủ.

Công cụ tạo Chạy cục bộ Không gửi dữ liệu
khả năng truy cập Thị giác màu WCAG thiết kế chỉ phía máy khách
Ảnh
📷
Kéo thả ảnh vào đây hoặc nhấn để tải lên
PNG, JPG, GIF, WebP — tối đa 10 MB
Loại thị giác
👁
Tải ảnh lên để mô phỏng mù màu
💡
Mô phỏng sử dụng ma trận biến đổi màu dựa trên LMS (phương pháp Brettel). Khoảng 8% nam giới và 0,5% nữ giới có một dạng thiếu hụt thị lực màu. Hãy dùng Trình kiểm tra độ tương phản để đảm bảo văn bản đáp ứng tiêu chuẩn WCAG AA/AAA.

mô phỏng mù màu là gì?

Mô phỏng cách hình ảnh hiển thị với người mắc chứng thiếu hụt thị lực màu. Kiểm tra protanopia, deuteranopia, tritanopia và achromatopsia. Miễn phí, chạy trên trình duyệt, không gửi dữ liệu.

Cách sử dụng mô phỏng mù màu

  1. Tải lên hình ảnh hoặc thiết kế màn hình bạn muốn kiểm tra.
  2. Chuyển đổi giữa các chế độ thiếu hụt thị lực màu khác nhau.
  3. So sánh cách các phần tử UI chính, biểu đồ hoặc nhãn thay đổi trong từng chế độ.
  4. Điều chỉnh màu thiết kế nếu ý nghĩa quan trọng bị mất trong bản xem trước.

Công cụ liên quan

⚖️
kiểm tra contrast WCAG
Kiểm tra tỷ lệ tương phản màu WCAG AA và AAA để đảm bảo khả năng tiếp cận
 🎨
chọn màu
Chuyển đổi màu giữa HEX, RGB, HSL và CMYK
 🎨
tạo bảng màu
Tạo bảng màu bổ sung, tương tự và bộ ba
Hiểu các chế độ mù màu ▾
Ví dụ
Đầu vào Tải lên biểu đồ sử dụng màu chuỗi đỏ và xanh lục
Đầu ra Xem trước các biến thể protanopia, deuteranopia và tritanopia để kiểm tra xem các chuỗi có còn phân biệt được không
Các trường hợp sử dụng phổ biến
  • Xem lại các biểu đồ dựa vào màu trạng thái đỏ so với xanh lục
  • Kiểm tra xem các trạng thái UI có còn phân biệt được khi không có nhãn màu không
  • Phát hiện bảng màu rủi ro trước khi xuất bản đồ họa thông tin
  • Kiểm tra khả năng tiếp cận của ảnh chụp màn hình và tài sản tiếp thị
Câu hỏi thường gặp
Tôi có nên chỉ dựa vào màu sắc để truyền đạt thông tin không?

Không —WCAG 1.4.1 yêu cầu màu sắc không phải là phương tiện duy nhất để truyền đạt thông tin. Luôn kết hợp màu sắc với biểu tượng, hoa văn hoặc nhãn văn bản.

Mô phỏng chính xác đến mức nào?

Mô phỏng sử dụng các phép biến đổi ma trận màu đã được thiết lập. Đây là phép xấp xỉ — nhận thức của mỗi cá nhân khác nhau.

Mô phỏng mù màu trực tuyến — Kiểm tra khả năng tiếp cận UI miễn phí dùng để làm gì?

Mô phỏng mù màu trực tuyến — Kiểm tra khả năng tiếp cận UI miễn phí chạy hoàn toàn trong trình duyệt của bạn và giúp bạn hoàn thành tác vụ này mà không cần tải dữ liệu lên máy chủ.

Mô phỏng mù màu trực tuyến — Kiểm tra khả năng tiếp cận UI miễn phí có được sử dụng miễn phí không?

Có. Công cụ này miễn phí sử dụng và không yêu cầu đăng ký.