Color Blindness Simulator
Simulate how colors appear to people with protanopia, deuteranopia, and tritanopia.
Red
Green
Blue
Orange
Purple
Yellow
Cyan
Pink
เกี่ยวกับเครื่องมือนี้
โปรแกรมจำลองตาบอดสีใช้ฟิลเตอร์เมทริกซ์สี CSS กับสีตัวอย่างเพื่อแสดงว่าการออกแบบของคุณดูเป็นอย่างไรสำหรับผู้ที่มีความบกพร่องด้านการรับรู้สีประเภทต่างๆ
ใช้เครื่องมือนี้เมื่อออกแบบ UI components แผนภูมิ แผนที่ หรือเนื้อหาภาพที่ใช้สีในการสื่อสารข้อมูล
ประเภทตาบอดสี
- สายตาปกติ: สายตาปกติ: การรับรู้สีเต็มรูปแบบ
- ตาบอดสีแดง (Protanopia): ตาบอดสีแดง: ขาดเซลล์รับแสงสีแดง (~1% ของผู้ชาย)
- ตาบอดสีเขียว (Deuteranopia): ตาบอดสีเขียว: ขาดเซลล์รับแสงสีเขียว (พบมากที่สุด, ~1% ผู้ชาย)
- ตาบอดสีน้ำเงิน (Tritanopia): ตาบอดสีน้ำเงิน: ขาดเซลล์รับแสงสีน้ำเงิน (หายาก, ~0.003%)
- ตาบอดสีสมบูรณ์: ตาบอดสีสมบูรณ์: ไม่มีการรับรู้สี เห็นเฉพาะระดับสีเทา (หายากมาก)
- สายตาบกพร่องด้านสี (Achromatomaly): สายตาบกพร่องด้านสี: ความไวต่อสีลดลงในหลายประเภทของเซลล์รับแสง
วิธีใช้งาน
- เลือกประเภทการจำลองจากเมนูแบบเลื่อนลง
- สังเกตว่าตัวอย่างสีและสเปกตรัมเปลี่ยนอย่างไรภายใต้ฟิลเตอร์ที่เลือก
- เปรียบเทียบกับสายตาปกติเพื่อระบุการผสมสีที่มีปัญหา
กรณีการใช้งาน
นักออกแบบ UI/UX ตรวจสอบว่าสถานะปุ่มและตัวชี้วัดสถานะยังคงแยกแยะได้ ผู้สร้างการแสดงข้อมูลเชิงภาพรับรองว่าสีแผนภูมิสามารถเข้าถึงได้
คำถามที่พบบ่อย
- การจำลองเหล่านี้แม่นยำแค่ไหน? — ใช้การแปลงเมทริกซ์สีที่ผ่านการพิสูจน์แล้วและเป็นการประมาณที่ดี
- คนตาบอดสีมีกี่เปอร์เซ็นต์? — ประมาณ 8% ของผู้ชายและ 0.5% ของผู้หญิงมีความบกพร่องด้านการรับรู้สีบางรูปแบบ
- วิธีที่ดีที่สุดในการออกแบบสำหรับผู้ตาบอดสีคืออะไร? — ผสมสีกับสัญลักษณ์ภาพอื่นๆ เช่น รูปร่าง ลวดลาย ป้ายชื่อ หรือพื้นผิว