Chuyển đến nội dung

Công Cụ Mô Phỏng Mù Màu

Chọn một hình ảnh — biểu đồ, hình minh họa, slide — và xem nó như cách người có protanopia, deuteranopia, tritanopia và achromatopsia nhìn thấy, bên cạnh bản gốc. Mô phỏng dùng mô hình Machado, Oliveira và Fernandes (2009) trong RGB tuyến tính. Ảnh của bạn được xử lý trên canvas trong trình duyệt và không bao giờ được tải lên. Miễn phí, không cần đăng ký.

Trình duyệt của bạn mở hình ảnh và vẽ nó lên canvas trên trang này. Ảnh không bao giờ được tải lên.

Chọn một hình ảnh, hoặc dùng hình mẫu, để xem nó trông như thế nào với người bị suy giảm thị lực màu sắc.

Các chế độ xem cần hiển thị

100% là sắc giác hai màu — loại tế bào nón đó bị thiếu (protanopia, deuteranopia, tritanopia). Các giá trị thấp hơn là tam sắc bất thường, khi loại tế bào nón đó phản ứng yếu (protanomaly, deuteranomaly, tritanomaly). Achromatopsia không có mức độ.

Cách Sử Dụng Công Cụ Mô Phỏng Mù Màu

  1. 1. Tải một hình ảnh. Dùng Chọn tệp cho PNG, JPEG, GIF, WebP hoặc SVG, hoặc thử hình mẫu có sẵn, gồm một dải màu theo sắc độ, tám màu Okabe–Ito và một bảng màu đỏ–vàng–xanh lục. Ảnh lớn được thu nhỏ xuống còn 900 pixel ở cạnh dài.
  2. 2. Chọn các chế độ xem. Protanopia, deuteranopia, tritanopia và achromatopsia được bật mặc định. Tắt những chế độ bạn không cần.
  3. 3. Đặt mức độ. Ở 100% công cụ mô phỏng sắc giác hai màu (một loại tế bào nón bị thiếu). Các giá trị thấp hơn mô phỏng tam sắc bất thường, khi loại tế bào nón đó chỉ bị yếu đi.
  4. 4. So sánh và lưu. Mỗi khung nằm cạnh bản gốc. Tải xuống một khung dưới dạng PNG, hoặc tải tất cả thành một hình có nhãn để dán vào báo cáo hoặc gửi cho đồng tác giả.

Mỗi Chế Độ Xem Thể Hiện Điều Gì

  • Protanopia và protanomaly — thiếu hoặc yếu tế bào nón bước sóng dài (L, "đỏ"). Màu đỏ trông tối và chuyển sang nâu hoặc ô liu; đỏ và xanh lục bị nhầm lẫn.
  • Deuteranopia và deuteranomaly — thiếu hoặc yếu tế bào nón bước sóng trung bình (M, "xanh lục"). Đỏ và xanh lục bị nhầm lẫn, nhưng màu đỏ không tối đi nhiều như trong protanopia. Deuteranomaly là dạng phổ biến nhất.
  • Tritanopia và tritanomaly — thiếu hoặc yếu tế bào nón bước sóng ngắn (S, "xanh dương"). Xanh dương và xanh lục mờ vào nhau, và vàng với hồng bị nhầm lẫn. Dạng này hiếm gặp.
  • Achromatopsia — không có chức năng tế bào nón sử dụng được, nên thế giới chỉ còn các sắc xám. Công cụ vẽ chế độ này dưới dạng độ sáng tương đối, điều không thuộc mô hình Machado (xem bên dưới).

Theo Viện Mắt Quốc gia Hoa Kỳ, khoảng 1 trong 12 nam giới có một mức suy giảm thị lực màu sắc, còn nữ giới thì ít hơn nhiều — vì vậy trong một giảng đường hay một nhóm phản biện, có khả năng có người bị ảnh hưởng. Suy giảm phân biệt đỏ–xanh lục là loại phổ biến nhất.

Mô Phỏng Hoạt Động Như Thế Nào

Công cụ dùng các ma trận được công bố trong: Machado, G. M., Oliveira, M. M., & Fernandes, L. A. F. (2009), "A physiologically-based model for simulation of color vision deficiency," IEEE Transactions on Visualization and Computer Graphics, 15(6), 1291–1298. Các tác giả đưa ra một ma trận 3 × 3 cho mỗi loại và mỗi mức độ từ 0,0 đến 1,0 theo bước 0,1; thanh trượt di chuyển dọc theo bảng đó và nội suy giữa các hàng cho những giá trị nằm giữa.

  1. Giá trị sRGB của mỗi điểm ảnh được chuyển sang ánh sáng tuyến tính (đường cong gamma nghịch đảo).
  2. Vectơ RGB tuyến tính được nhân với ma trận của loại và mức độ đã chọn.
  3. Kết quả được giới hạn trong khoảng 0–1 và mã hóa lại theo gamma.
  4. Kênh alpha không đổi. Màu xám và trắng giữ nguyên, vì mọi hàng của mọi ma trận đều có tổng bằng 1.

Vì sao bảng màu đỏ–xanh lục thất bại

Màu đỏ #d7191c và màu xanh lục #1a9641 từ một bảng màu đỏ–vàng–xanh lục phổ biến trở thành #8a7b0c và #8a7f48 dưới deuteranopia — hai màu ô liu gần như giống hệt nhau.

Màu đỏ son Okabe–Ito #d55e00 và màu xanh lục ánh lam #009e73 trở thành #9e8c00 và #8a8676 dưới deuteranopia: gần nhau hơn trước, nhưng vẫn khác nhau về độ sáng và sắc độ.

Mô Phỏng Không Thể Cho Bạn Biết Điều Gì

  • Đây là một mô hình, không phải một người. Thị lực thực tế khác nhau trong từng loại, và mô hình chỉ bao quát phản ứng của tế bào nón, không bao gồm sự thích nghi của não hay bối cảnh.
  • Achromatopsia chỉ là một xấp xỉ. Mô hình Machado không có ma trận cho nó. Ở đây nó là độ sáng tương đối WCAG Y = 0,2126 R + 0,7152 G + 0,0722 B hiển thị dưới dạng màu xám. Tình trạng này thường cũng kéo theo thị lực kém và nhạy sáng, những điều không được mô phỏng.
  • Màn hình của bạn có ảnh hưởng. Các điểm ảnh canvas được đọc là sRGB. Màn hình gamut rộng hoặc bộ lọc chế độ ban đêm làm thay đổi những gì bạn thấy; bản thân tệp mô phỏng thì chính xác theo mô hình.
  • Hầu hết người bị suy giảm thị lực màu vẫn nhìn thấy màu. Sắc giác hai màu là đầu cực của mỗi dải quang phổ. Nhiều người chỉ bị suy giảm nhẹ, và thanh trượt mức độ là một xấp xỉ cho họ.

Thiết Kế Hình Vẽ Sao Cho Vẫn Đọc Được

  • Đừng chỉ dựa vào sắc độ. Thêm nhãn trực tiếp, dấu đánh dấu, kiểu đường hoặc họa tiết để mỗi danh mục có thêm một dấu hiệu thứ hai.
  • Thay đổi độ sáng. Nếu hai màu trông giống nhau trong chế độ achromatopsia, chúng cũng khó tách ra khi in đen trắng.
  • Tránh đỏ đối lập với xanh lục — và xanh dương đối lập với tím, hoặc xanh lục đối lập với nâu — làm khác biệt duy nhất giữa hai chuỗi dữ liệu.
  • Bắt đầu từ một bảng màu an toàn. Bảng màu Okabe–Ito mà các công cụ vẽ biểu đồ trên trang này dùng được thiết kế cho mục đích này. Với bản đồ nhiệt, viridis, cividis và các bảng tuần tự của ColorBrewer hoạt động tốt; Heatmap Maker cung cấp chúng.
  • Kiểm tra cả độ tương phản. Một cặp đạt yêu cầu về màu vẫn có thể không đạt mức 3:1 của WCAG cho đồ họa — dùng Color Contrast Checker.

Câu Hỏi Thường Gặp

Ảnh của tôi có được tải lên máy chủ không?
Không. Tệp được trình duyệt của bạn mở, vẽ lên canvas trên trang này và xử lý tại đó. Không có gì được gửi qua mạng, và không có gì được lưu sau khi bạn đóng hoặc tải lại trang.
Protanopia và deuteranopia khác nhau thế nào?
Protanopia là thiếu tế bào nón bước sóng dài (đỏ); deuteranopia là thiếu tế bào nón bước sóng trung bình (xanh lục). Cả hai đều khiến đỏ và xanh lục khó phân biệt, nhưng trong protanopia màu đỏ còn trông tối hơn nhiều. Hai dạng này có thể trông giống nhau trong nhiều hình vẽ, đó là lý do các bảng màu sửa được một loại thường cũng sửa được loại kia.
Loại mù màu nào phổ biến nhất?
Suy giảm phân biệt đỏ–xanh lục, chủ yếu là deuteranomaly (tế bào nón xanh lục yếu), chiếm phần lớn các trường hợp. Suy giảm tritan và achromatopsia hoàn toàn đều hiếm gặp.
Thanh trượt mức độ làm gì?
Ở 100% công cụ mô phỏng sắc giác hai màu, khi một loại tế bào nón bị thiếu. Ở mức thấp hơn, công cụ dùng các ma trận Machado cho tam sắc bất thường (protanomaly, deuteranomaly, tritanomaly), khi tế bào nón vẫn phản ứng nhưng bị lệch. Ở 0% ảnh không thay đổi. Achromatopsia bỏ qua thanh trượt.
Làm thế nào để biểu đồ thân thiện với người mù màu?
Dùng một bảng màu được thiết kế cho mục đích đó, chẳng hạn Okabe–Ito cho danh mục hoặc viridis cho dữ liệu liên tục, và thêm một dấu hiệu thứ hai ngoài màu: nhãn, dấu đánh dấu, kiểu đường hoặc họa tiết. Sau đó kiểm tra kết quả ở đây: nếu mọi chuỗi và danh mục vẫn phân biệt được trong cả bốn chế độ xem, biểu đồ đủ vững.
Điều này có giống cách người mù màu nhìn không?
Đó là một xấp xỉ tốt cho kiểm tra thiết kế, không phải bản sao chép. Những người có cùng chẩn đoán vẫn khác nhau, và mô hình chỉ làm việc với phản ứng của tế bào nón. Hãy xem nó như một cách phát hiện vấn đề sớm; nếu một hình vẽ quan trọng, hãy hỏi một người có tình trạng này.

Công Cụ Liên Quan

Thêm trong Biểu đồ và sơ đồ