Color Blindness Simulator

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

Select Color

HEX

#ff00ff

Magenta / Fuchsia

Simulator Buta

Semak cara sesuatu warna dilihat oleh orang yang mempunyai pelbagai jenis buta warna untuk mencipta reka bentuk yang lebih mudah diakses. Memahami persepsi warna membantu memastikan kandungan anda boleh diakses oleh semua orang.

Kesan

8% lelaki dan 0.5% wanita mempunyai beberapa bentuk kekurangan penglihatan warna.

Jenis

Kebutaan merah-hijau adalah yang paling biasa, mempengaruhi cara merah dan hijau dilihat.

Reka Bentuk Lebih Baik

Gunakan kontras dan corak bersama warna untuk menyampaikan maklumat.

Warna Asal

#ff00ff

Magenta / Fuchsia

Ini adalah bagaimana warna muncul dengan penglihatan warna biasa.

Buta Merah-Hijau (Protanopia)

Protanopia

1.3% lelaki, 0.02% wanita

53%

Bagaimana ia muncul

#c6c5e2

Protanomali

1.3% lelaki, 0.02% wanita

64% SERUPA
Asal
#ff00ff
Disimulasikan
#e99cf0

Separa Merah-Hijau (Deuteranopia)

Deuteranopia

1.2% lelaki, 0.01% wanita

49%

Bagaimana ia muncul

#cfdada

Deuteranomali

5% lelaki, 0.35% wanita

68% SERUPA
Asal
#ff00ff
Disimulasikan
#e78bee

Buta Biru-Kuning (Tritanopia)

Tritanopia

0.001% lelaki, 0.03% wanita

53%

Bagaimana ia muncul

#f9c6c0

Tritanomaly

0.0001% daripada populasi

68% SERUPA
Asal
#ff00ff
Disimulasikan
#fb8de9

Buta Warna Lengkap

Akromatopsia

0.003% daripada populasi

52%

Bagaimana ia muncul

#919191

Achromatomaly

0.001% daripada populasi

61% SERUPA
Asal
#ff00ff
Disimulasikan
#af83af

Nota: Simulasi ini adalah anggaran. Persepsi warna sebenar mungkin berbeza antara individu yang mempunyai jenis buta warna yang sama.

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.