Color Blindness Simulator

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

Select Color

HEX

#ff00ff

Magenta / Fuchsia

Trình mô phỏng mù

Kiểm tra cách những người có các loại mù màu khác nhau cảm nhận màu sắc để tạo ra các thiết kế dễ tiếp cận hơn. Hiểu rõ về nhận thức màu sắc giúp đảm bảo nội dung của bạn dễ tiếp cận với tất cả mọi người.

Sự va chạm

8% nam giới và 0,5% phụ nữ mắc phải một dạng khiếm khuyết về thị lực màu nào đó.

Các loại

Mù màu đỏ-xanh lá cây là phổ biến nhất, ảnh hưởng đến cách nhận thức màu đỏ và màu xanh lá cây.

Thiết kế tốt hơn

Sử dụng độ tương phản và hoa văn cùng với màu sắc để truyền tải thông tin.

Màu gốc

#ff00ff

Magenta / Fuchsia

Đây là cách màu sắc xuất hiện khi nhìn bằng mắt thường.

Mù đỏ-xanh lá cây (Protanopia)

Protanopia

1,3% nam giới, 0,02% nữ giới

53%

Nó xuất hiện như thế nào

#c6c5e2

Bất thường về màu đỏ

1,3% nam giới, 0,02% nữ giới

64% TƯƠNG TỰ
Nguyên bản
#ff00ff
Mô phỏng
#e99cf0

Một phần đỏ-xanh lục (Deuteranopia)

Deuteranopia

1,2% nam giới, 0,01% nữ giới

49%

Nó xuất hiện như thế nào

#cfdada

Bệnh dị tật thứ phát

5% nam giới, 0,35% nữ giới

68% TƯƠNG TỰ
Nguyên bản
#ff00ff
Mô phỏng
#e78bee

Mù xanh vàng (Tritanopia)

Tritanopia

0,001% nam giới, 0,03% nữ giới

53%

Nó xuất hiện như thế nào

#f9c6c0

Tritanomaly

0,0001% dân số

68% TƯƠNG TỰ
Nguyên bản
#ff00ff
Mô phỏng
#fb8de9

Mù màu hoàn toàn

Achromatopsia

0,003% dân số

52%

Nó xuất hiện như thế nào

#919191

Bệnh vô sắc tố

0,001% dân số

61% TƯƠNG TỰ
Nguyên bản
#ff00ff
Mô phỏng
#af83af

Lưu ý: Những mô phỏng này chỉ là ước lượng. Nhận thức màu sắc thực tế có thể khác nhau giữa những người có cùng loại mù màu.

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.