Lập trình viên

Mô phỏng mù màu

Mô phỏng 8 loại thiếu hụt thị giác màu và kiểm tra tuân thủ tương phản WCAG.

Màu nền trước

Màu nền

Chọn loại

Mù xanh lá (Deuteranopia)

Dân số bị ảnh hưởng ~1%

Deuteranopia

Xem trước văn bản

Văn bản mẫu lớn

Văn bản mẫu nhỏ

Tỷ lệ tương phản

3.98:1

Văn bản thường: FailVăn bản lớn: AA

Kết quả mô phỏng

Gốc

#3b82f6

Mù đỏ (Protanopia)

4.4:1

#418efa

~1% of population

Mù xanh lá (Deuteranopia)

3.7:1

#007df4

~1% of population

Mù xanh dương (Tritanopia)

4.5:1

#009eb0

<0.1% of population

Yếu đỏ (Protanomaly)

4.3:1

#3f8af9

~1% of population

Yếu xanh lá (Deuteranomaly)

3.8:1

#227ff5

~5% of population

Yếu xanh dương (Tritanomaly)

4.2:1

#0093d0

<0.1% of population

Mù màu hoàn toàn (Achromatopsia)

3.9:1

#858585

<0.01% of population

Nhận biết màu kém (Achromatomaly)

4.0:1

#6f84bd

~0.1% of population

So sánh độ tương phản

Loại khiếm khuyết	Tỷ lệ	Văn bản thường	Văn bản lớn
Gốc	3.98:1	Fail	AA
🔴Mù đỏ (Protanopia)	4.42:1	Fail	AA
🟢Mù xanh lá (Deuteranopia)	3.71:1	Fail	AA
🔵Mù xanh dương (Tritanopia)	4.51:1	AA	AAA
🔶Yếu đỏ (Protanomaly)	4.26:1	Fail	AA
🟡Yếu xanh lá (Deuteranomaly)	3.81:1	Fail	AA
🔷Yếu xanh dương (Tritanomaly)	4.24:1	Fail	AA
⬛Mù màu hoàn toàn (Achromatopsia)	3.94:1	Fail	AA
◻️Nhận biết màu kém (Achromatomaly)	3.97:1	Fail	AA

Giới thiệu Mô phỏng mù màu

Mô phỏng 8 loại thiếu hụt thị giác màu và kiểm tra tuân thủ tương phản WCAG.

Duyệt tất cả công cụ Lập trình viên

Cách sử dụng

Nhập màu, xem mô phỏng, kiểm tra tuân thủ WCAG AA/AAA.

Trường hợp sử dụng

Lựa chọn màu sắc dễ tiếp cận
Kiểm thử giao diện cho người mù màu
Tuân thủ WCAG
Thiết kế giao diện bao trùm
Khả năng tiếp cận màu thương hiệu

Cách sử dụng Mô phỏng mù màu Nghỉ ngơi và chơi trò chơi trình duyệt miễn phí

Tất Cả Bài Đăng

c/tools_color-blindness-simulator0

Xem Tất Cả Tạo Bài Đăng