Trang web ismy.blue đang làm mưa làm gió trên Hacker News, test ranh giới xanh lá và xanh dương khiến anh em dev trầm cảm vì nhận ra mắt mình toàn bug.

Đang ngồi gõ phím cạch cạch, fix bug mờ cả mắt thì tôi lướt trúng quả web ảo ma này trên Hacker News. "Is my blue your blue?" (Xanh của tôi có giống xanh của ông không?) - nghe qua tưởng như câu thả thính sến súa của mấy em GenZ, nhưng đ*o nhé, đây là một bài test nhân phẩm kết hợp khoa học thần kinh đang ẵm hơn 600 vote up, làm cắn RAM não anh em dev phết đấy.
Cha đẻ của dự án này quăng lên mạng một cái web app siêu đơn giản: ismy.blue. Luật chơi dễ như cách sếp ép deadline: màn hình sẽ hiện lên một loạt các ô màu chuyển dần từ Xanh lá (Green) sang Xanh dương (Blue). Việc của anh em là bấm chọn xem màu đang hiển thị trước mắt thuộc phe Lá hay phe Dương.
Sau vài vòng test lòi con mắt, thuật toán sẽ tính toán và quăng thẳng vào mặt bạn một mã Hex (ví dụ: #008A75). Đó chính là ranh giới màu sắc trong não bộ của bạn. Ảo ma ở chỗ, kết quả của bạn so với phần còn lại của dân số thế giới chênh lệch nhau cực kỳ nhiều. Bạn cứ nghĩ mình nhìn chuẩn hệ màu sRGB, nhưng chơi xong mới trầm cảm vì nhận ra con mắt mình nó "bug" đến mức nào.
Cái hay của Hacker News là một cái web bé tí cũng thành bãi chiến trường học thuật. Giang cư mận nhanh chóng chia làm mấy phe phái:
1. Phe đổ tại "phần cứng" (Hardware Blamers): "Test vớ vẩn, màn hình của tao chưa calibrate!" - vâng, các dân chơi hệ đồ họa lôi ngay cái màn chuẩn màu DCI-P3 ra khè, bĩu môi chê mấy thanh niên code dạo xài màn ám vàng cùi bắp. Thậm chí có ông nội đang bật Night Light / f.lux chống mù mắt, làm test xong gào lên chửi web lùa gà. Lỗi tại user bật blue-light filter chứ tại code đ*o đâu?
2. Phe Giáo sư Ngôn ngữ học: Nghe thì dị giáo nhưng bọn họ phân tích rất cuốn. Rằng ngôn ngữ mẹ đẻ ảnh hưởng trực tiếp đến API xử lý màu sắc của não bộ. Mấy ông Nhật thì lôi chữ "Ao" (chỉ chung cả xanh lá lẫn dương) ra khè. Mấy anh Nga ngố thì bảo tiếng Nga có hẳn 2 từ riêng biệt cho xanh nhạt và xanh đậm. Thế nên, mắt bạn nhìn màu gì phụ thuộc vào việc hồi bé bạn được học từ vựng gì.
3. Phe Dev thực dụng: Anh em hệ thống thì đ*o quan tâm màu sắc lắm, họ ấn F12 check source code xem nó render màu kiểu gì, CSS ra sao. Một số lão quái thì vỗ tay khen cái app build nhẹ, logic xịn. Đưa link lên HN mà ăn cả nghìn traffic cùng lúc không sập thì chủ thớt chắc chắn phải host trên một con máy chủ khá cứng hoặc tối ưu cache rất ma giáo rồi.
Nói tóm lại, cái web này như một cú tát vào mặt mấy anh em làm Frontend và UI/UX.
Anh em ạ, đừng bao giờ tin vào mắt user, và cũng đừng tin vào mắt mình. Khi khách hàng bảo "Em ơi đổi cho anh cái nút sang màu xanh hy vọng", thì anh em phải hiểu hy vọng của nó là #00FF00, #0000FF hay xanh lá mạ ám vàng thì chúa mới biết được.
Làm việc với màu sắc, bớt nói mồm. Cứ ném thẳng mã Hex hoặc RGB vào mặt nhau cho nó rõ ràng, minh bạch, chuẩn config. Còn bây giờ, ae tắt cái filter màn hình đi, vào test thử xem mắt mình có bị lệch pha với thế giới không nhé.
Nguồn hóng hớt: