Color Blindness Simulator

Visualize how your colors appear to people with different types of color vision deficiency

Select Color

HEX

#ff0000

Red

เกมจำลองอาการตาบอด

ตรวจสอบว่าผู้ที่มีอาการตาบอดสีประเภทต่างๆ รับรู้สีอย่างไร เพื่อสร้างงานออกแบบที่เข้าถึงได้ง่ายขึ้น การเข้าใจการรับรู้สีจะช่วยให้มั่นใจได้ว่าทุกคนสามารถเข้าถึงเนื้อหาของคุณได้

ผลกระทบ

ผู้ชายร้อยละ 8 และผู้หญิงร้อยละ 0.5 มีปัญหาด้านการมองเห็นสีบางประเภท

ประเภท

อาการตาบอดสีแดงและเขียวพบได้บ่อยที่สุด โดยส่งผลต่อการรับรู้สีแดงและสีเขียว

ออกแบบให้ดีขึ้น

ใช้ความแตกต่างและรูปแบบควบคู่ไปกับสีเพื่อถ่ายทอดข้อมูล

สีต้นฉบับ

#ff0000

Red

สีที่ปรากฏเมื่อมองเห็นสีปกติจะเป็นดังนี้

ตาบอดสีแดง-เขียว (Protanopia)

โปรตาโนเปีย

1.3% ของผู้ชาย, 0.02% ของผู้หญิง

54%

มันปรากฏอย่างไร

#c6c500

ความผิดปกติของต่อมลูกหมาก

1.3% ของผู้ชาย, 0.02% ของผู้หญิง

64% คล้ายกัน
ต้นฉบับ
#ff0000
จำลอง
#e99c00

แดง-เขียวบางส่วน (Deuteranopia)

ภาวะตาบอดสี

ผู้ชาย 1.2% ผู้หญิง 0.01%

49%

มันปรากฏอย่างไร

#cfda00

ดิวเทอราโนมาลี

ผู้ชาย 5% ผู้หญิง 0.35%

68% คล้ายกัน
ต้นฉบับ
#ff0000
จำลอง
#e78b00

ตาบอดสีน้ำเงิน-เหลือง (Tritanopia)

ไตรตาโนเปีย

0.001% ของผู้ชาย, 0.03% ของผู้หญิง

99%

มันปรากฏอย่างไร

#f90000

ไทรทาโนมาลี

0.0001% ของประชากร

99% คล้ายกัน
ต้นฉบับ
#ff0000
จำลอง
#fb0000

ตาบอดสีโดยสมบูรณ์

ภาวะไร้สี

0.003% ของประชากร

50%

มันปรากฏอย่างไร

#7f7f7f

ภาวะอะโครมาโทมาลี

0.001% ของประชากร

58% คล้ายกัน
ต้นฉบับ
#ff0000
จำลอง
#a47373

หมายเหตุ: การจำลองเหล่านี้เป็นเพียงค่าประมาณ การรับรู้สีจริงอาจแตกต่างกันไปในแต่ละบุคคลที่มีอาการตาบอดสีประเภทเดียวกัน.

Understanding Color Blindness

Create inclusive designs by testing color accessibility

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Why It Matters

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Use Cases

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.