Mô Phỏng Mù Màu
Tải lên bất kỳ hình ảnh nào và xem ngay cách nó hiển thị với những người mắc các dạng mù màu khác nhau. Công cụ dựng chín khung hình — ảnh gốc của bạn cùng tám bản mô phỏng — được nhóm theo mức độ nặng nhẹ của khiếm khuyết, để bạn phân biệt được trường hợp xấu nhất với trường hợp phổ biến nhất. Dùng công cụ này để kiểm tra xem biểu đồ, giao diện hay thiết kế của bạn có còn dễ đọc với người mù màu hay không.
Các bước sử dụng
- Nhấn Tải ảnh lên và chọn một tệp JPG, PNG hoặc WebP từ thiết bị của bạn.
- Theo dõi bộ đếm bên cạnh nút bấm: nó tăng dần đến 9 / 9 khi từng khung hình hoàn tất. Các thẻ hiện ra lần lượt thay vì cùng lúc, nhờ vậy trang không bị đứng trong lúc xử lý.
- Bắt đầu từ nhóm Ảnh đối chiếu, nhóm này chỉ có một thẻ Thị lực bình thường — ảnh gốc chưa qua xử lý, là mốc so sánh cho mọi thẻ bên dưới.
- So sánh mốc đó với nhóm Lưỡng sắc — thiếu hẳn một loại tế bào nón: Protanopia (mù đỏ), Deuteranopia (mù xanh lá) và Tritanopia (mù xanh dương). Các thẻ này mang nhãn đỏ Hoàn toàn vì cả một trục màu đã mất hoàn toàn.
- Tiếp theo hãy xem nhóm Tam sắc bất thường — một tế bào nón bị lệch chứ không mất hẳn: Protanomaly (yếu đỏ), Deuteranomaly (yếu xanh lá) và Tritanomaly (yếu xanh dương). Các thẻ này mang nhãn cam Một phần — màu sắc bị dồn lại gần nhau chứ không mất đi, và cùng cột ở hàng phía trên cho bạn thấy phiên bản cực đoan của chính loại đó.
- Cuối cùng kiểm tra nhóm Đơn sắc — gần như không còn màu nào: Achromatopsia (không màu) và Achromatomaly (màu yếu).
- Ở bất kỳ chỗ nào hai thành phần trở nên khó phân biệt, đó là chỗ thiết kế của bạn đang chỉ dựa vào sắc màu.
- Nhấn biểu tượng Tải xuống ở góc trên bên phải của mỗi thẻ để lưu bản mô phỏng đó dưới dạng PNG.
- Tải lên ảnh khác bất cứ lúc nào để chạy một phép so sánh mới.
Mẹo
- Trên màn hình rộng, hãy đọc trang theo cột chứ không theo hàng: protanopia nằm trên protanomaly, deuteranopia nằm trên deuteranomaly, tritanopia nằm trên tritanomaly. Mỗi cặp là cùng một loại tế bào nón, ở mức nặng nhất và ở mức phổ biến nhất.
- Hàng bất thường (Một phần) mới là thứ phần lớn người xem thực sự gặp phải — cứ khoảng hai mươi nam giới thì có một người bị deuteranomaly, trong khi lưỡng sắc hoàn toàn chỉ khoảng một trên năm mươi. Hãy thiết kế cho hàng bất thường, rồi kiểm chứng bằng hàng lưỡng sắc.
- Nếu một khác biệt vẫn giữ được ở các thẻ Hoàn toàn thì nó sẽ giữ được ở mọi nơi. Đó là bài kiểm tra đạt/không đạt; các thẻ Một phần cho biết bạn còn dư bao nhiêu biên an toàn.
- Nếu hai thành phần trông giống hệt nhau trong một bản mô phỏng, hãy thêm nhãn, họa tiết hoặc biểu tượng thay vì chỉ dựa vào màu sắc.
- Bản Achromatopsia (không màu) (đen trắng hoàn toàn) là cách kiểm tra nhanh xem thiết kế có hoạt động khi không còn thông tin màu nào không — nếu vẫn đọc được ở đó, độ tương phản sáng-tối của bạn đang làm tốt phần việc chính.
- Ảnh lớn sẽ tự động được thu nhỏ về khoảng 900px ở cạnh dài nhất, chỉ một lần, và cả chín khung hình dùng chung bản thu nhỏ đó.
Câu hỏi thường gặp
Vì sao mỗi dạng mù màu lại có hai phiên bản?
Vì chúng thực sự là hai tình trạng khác nhau. Tên kết thúc bằng -opia (protanopia, deuteranopia, tritanopia) nghĩa là một trong ba loại tế bào nón hoàn toàn không có, nên trục màu đó không thể khôi phục được. Tên kết thúc bằng -omaly (protanomaly, deuteranomaly, tritanomaly) nghĩa là tế bào nón vẫn có nhưng bắt sai bước sóng, nên các màu dồn lại gần nhau chứ không biến mất. Dạng bất thường phổ biến hơn nhiều; dạng lưỡng sắc là bài kiểm tra khắt khe hơn.
Tôi nên thiết kế theo nhóm nào?
Cả hai, với hai mục đích khác nhau. Dùng nhóm Tam sắc bất thường — một tế bào nón bị lệch chứ không mất hẳn để đánh giá khả năng đọc hằng ngày, vì đó là điều đa số người mù màu nhìn thấy. Dùng nhóm Lưỡng sắc — thiếu hẳn một loại tế bào nón làm giới hạn cứng — thứ gì còn phân biệt được ở đó thì an toàn với tất cả mọi người.
Ảnh của tôi có được tải lên máy chủ không?
Không. Mọi xử lý đều diễn ra cục bộ ngay trên trình duyệt của bạn bằng canvas HTML, nên ảnh không bao giờ rời khỏi thiết bị.
Các bản mô phỏng chính xác đến mức nào?
Đây là các xấp xỉ dựa trên ma trận biến đổi màu tiêu chuẩn, cũng chính là bộ ma trận mà Colour Atlas trong công cụ chọn màu dùng cho từng màu đơn lẻ. Chúng rất phù hợp để kiểm tra thiết kế và khả năng tiếp cận, nhưng không phải là công cụ chẩn đoán y khoa.
Tôi có thể tải lên những định dạng tệp nào?
Bất kỳ định dạng ảnh phổ biến nào như JPG, PNG và WebP. Tệp tải xuống luôn được lưu ở định dạng PNG, đặt tên theo bản mô phỏng (ví dụ deuteranomaly.png).