Trình mô phỏng mù màu

Tải lên một hình ảnh và xem trước cách nó hiển thị với chứng mù màu đỏ, mù màu lục, mù màu lam hoặc mù màu hoàn toàn, sau đó tải xuống kết quả mô phỏng.

Đang tải công cụ…

Trình mô phỏng mù màuKéo thả một hình ảnh và lập tức thấy nó sẽ trông như thế nào với người mù màu đỏ (protanopia), mù màu lục (deuteranopia), mù màu lam (tritanopia) hoặc mù màu hoàn toàn (achromatopsia). Quá trình mô phỏng chạy hoàn toàn trong trình duyệt của bạn trên một canvas, từng điểm ảnh một — hình ảnh của bạn không bao giờ được tải lên bất kỳ máy chủ nào, nên ngay cả các bản dựng mẫu và ảnh chụp màn hình riêng tư cũng nằm lại trên thiết bị của bạn. Chọn một loại, so sánh bản gốc cạnh kết quả và tải xuống tệp PNG đã mô phỏng.

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

Trình mô phỏng mù màu là một công cụ miễn phí chạy trong trình duyệt, hiển thị lại một hình ảnh đúng như cách người mắc một dạng khiếm khuyết thị giác màu cụ thể sẽ cảm nhận nó. Công cụ hỗ trợ ba dạng lưỡng sắc phổ biến — protanopia (yếu màu đỏ), deuteranopia (yếu màu lục) và tritanopia (yếu màu lam) — cùng với achromatopsia, một dạng nhìn hoàn toàn đơn sắc (thang xám). Nhà thiết kế, lập trình viên và người đánh giá khả năng tiếp cận dùng nó để kiểm tra xem biểu đồ, trạng thái giao diện, màu trạng thái và đồ họa thông tin có còn ý nghĩa hay không khi chỉ riêng màu sắc truyền tải ý nghĩa. Vì cứ khoảng mười hai nam giới thì có một người mắc một dạng khiếm khuyết thị giác màu, việc mô phỏng các góc nhìn này trước khi phát hành giúp phát hiện những thiết kế phụ thuộc quá nhiều vào độ tương phản màu vốn biến mất với một phần đối tượng của bạn.

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

  1. Kéo một hình ảnh vào vùng tải lên, hoặc nhấp vào đó để chọn một tệp PNG, JPG hoặc WebP từ thiết bị của bạn.
  2. Mở danh sách thả xuống Loại thị giác màu và chọn Protanopia, Deuteranopia, Tritanopia hoặc Achromatopsia (chọn Không có để xem bản gốc không thay đổi).
  3. Bản xem trước mô phỏng tự động cập nhật bên cạnh bản gốc để bạn có thể so sánh cả hai cạnh nhau.
  4. Nhấp vào bất kỳ bản xem trước nào để mở nó trong hộp đèn có thể phóng to và xem chi tiết ở khoảng cách gần.
  5. Nhấn Tải xuống để lưu hình ảnh mô phỏng dưới dạng PNG, hoặc Đặt lại để xóa nó và thử một hình ảnh khác.

Ví dụ

Kiểm tra huy hiệu trạng thái đỏ/lục

Tải lên ảnh chụp màn hình một giao diện dùng màu đỏ cho 'error' và màu lục cho 'success', chọn Deuteranopia và quan sát hai màu xích lại gần một tông màu đục giống nhau — dấu hiệu cho thấy bạn nên thêm biểu tượng hoặc nhãn thay vì chỉ dựa vào màu sắc.

Xem xét một biểu đồ dữ liệu

Tải một biểu đồ đường nhiều chuỗi hoặc biểu đồ tròn, chuyển qua lại giữa Protanopia và Tritanopia, và xác nhận từng chuỗi vẫn phân biệt được; nếu các đường hòa lẫn vào nhau, hãy điều chỉnh bảng màu hoặc thêm họa tiết.

Kiểm tra khả năng đọc ở thang xám hoàn toàn

Chọn Achromatopsia để làm phẳng hình ảnh chỉ còn độ sáng; nếu chữ hoặc các phần tử quan trọng biến mất, thiết kế của bạn đang phụ thuộc vào sắc màu thay vì độ tương phản sáng tối.

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

Nó có thể mô phỏng những loại mù màu nào?
Nó mô phỏng protanopia (mù màu đỏ), deuteranopia (mù màu lục) và tritanopia (mù màu lam) bằng các ma trận biến đổi RGB tiêu chuẩn, cùng với achromatopsia, vốn chuyển hình ảnh thành thang xám dựa trên độ sáng. Chọn Không có sẽ giữ nguyên hình ảnh gốc không thay đổi.
Hình ảnh của tôi có được tải lên máy chủ không?
Không. Toàn bộ quá trình mô phỏng diễn ra cục bộ trong trình duyệt của bạn bằng một canvas HTML — tệp không bao giờ rời khỏi thiết bị của bạn và không có gì được gửi đến bất kỳ máy chủ nào, nên nó hoạt động ngoại tuyến và giữ riêng tư cho các hình ảnh riêng tư.
Tôi có thể dùng những định dạng hình ảnh và đầu ra nào?
Bạn có thể tải các hình ảnh raster phổ biến như PNG, JPG và WebP. Kết quả mô phỏng luôn được xuất ra dưới dạng PNG để giữ độ trong suốt khi có.
Mức độ chính xác của mô phỏng là bao nhiêu?
Nó dùng các phép xấp xỉ ma trận màu tuyến tính nổi tiếng, rất phù hợp để phát hiện các vấn đề phụ thuộc vào màu sắc trong giao diện và đồ họa. Đây là một công cụ hỗ trợ thiết kế thực tiễn, không phải công cụ chẩn đoán lâm sàng hay y khoa, vì vậy hãy xem kết quả như một hướng dẫn chứ không phải sự tái hiện chính xác thị giác của bất kỳ cá nhân nào.
Tại sao các màu mô phỏng trông xỉn đi hoặc bị dịch chuyển?
Mỗi khiếm khuyết loại bỏ hoặc làm yếu một phản hồi tế bào nón, nên các màu phụ thuộc vào kênh đó dịch chuyển về phía những kênh còn lại. Chính sự sụp đổ của các sắc màu khác biệt thành những tông màu tương tự là hiệu ứng mà bạn muốn phát hiện trước khi phát hành.

Công cụ liên quan