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%tools.colorBlindnessSimulator.affectedDeuteranopia
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
Kết quả mô phỏng
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#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.
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