Color Blindness Simulator

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

Select Color

HEX

#ffa500

Web Orange

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

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

ผลกระทบ

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

ประเภท

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

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

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

สีต้นฉบับ

#ffa500

Web Orange

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

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

โปรตาโนเปีย

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

76%

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

#dedd55

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

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

84% คล้ายกัน
ต้นฉบับ
#ffa500
จำลอง
#f2c93d

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

ภาวะตาบอดสี

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

73%

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

#e3e95e

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

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

84% คล้ายกัน
ต้นฉบับ
#ffa500
จำลอง
#f0c241

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

ไตรตาโนเปีย

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

71%

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

#fb7075

ไทรทาโนมาลี

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

83% คล้ายกัน
ต้นฉบับ
#ffa500
จำลอง
#fd8f4a

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

ภาวะไร้สี

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

55%

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

#b8b8b8

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

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

60% คล้ายกัน
ต้นฉบับ
#ffa500
จำลอง
#c9b5a7

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

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.