ToolHub
Mở công cụ

Trình mô phỏng mù màu

Mô phỏng hiệu ứng thị giác màu sắc dưới các loại mù màu khác nhau

Công cụ CSS
Khởi chạy công cụ Tất cả công cụ

Về công cụ này

Trình mô phỏng mù màu cho phép chọn bất kỳ màu nào và xem ngay hiệu ứng thị giác của nó đối với người mù màu đỏ, mù màu xanh lá, mù màu xanh dương và mù màu hoàn toàn. Sử dụng ma trận chuyển đổi màu chính xác khoa học, tạo kết quả so sánh song song, hiển thị giá trị RGB và HEX của mỗi mô phỏng.

Tính năng chính

Xem nhanh

Tình huống sử dụng

color-blindness accessibility a11y simulation

Câu hỏi thường gặp

Công cụ mô phỏng những loại mù màu nào?

Công cụ mô phỏng bốn loại: mù màu đỏ (Protanopia), mù màu xanh lá (Deuteranopia), mù màu xanh dương (Tritanopia) và mù màu hoàn toàn (Achromatopsia). Mỗi loại sử dụng ma trận chuyển đổi màu đã được xác minh khoa học.

Kết quả mô phỏng chính xác đến mức nào?

Mô phỏng sử dụng ma trận chuyển đổi màu đã được thiết lập trong nghiên cứu khoa học thị giác. Mặc dù cung cấp kết quả gần đúng tốt, trải nghiệm mù màu cá nhân có thể khác nhau, vì vậy nên coi đây là tham khảo chứ không phải biểu diễn chính xác.

Có thể kiểm tra nhiều màu cùng lúc không?

Công cụ mô phỏng một màu mỗi lần, nhưng bạn có thể chuyển đổi nhanh qua bộ chọn màu, nhập hex, nút màu mẫu hoặc nút màu ngẫu nhiên. Mỗi thay đổi sẽ cập nhật ngay tất cả năm bảng mô phỏng.

Dữ liệu của tôi có được gửi đến máy chủ không?

Không. Tất cả các phép biến đổi và mô phỏng màu sắc đều được tính toán cục bộ trong trình duyệt bằng JavaScript. Không có dữ liệu nào được tải lên máy chủ, đảm bảo thông tin của bạn hoàn toàn riêng tư.

Làm thế nào để sử dụng cho kiểm tra trợ năng?

Chọn màu sử dụng trong thiết kế hoặc ứng dụng của bạn, sau đó kiểm tra xem chúng có còn phân biệt được giữa các phiên bản mô phỏng không. Nếu màu trở nên quá giống nhau trong bất kỳ loại mô phỏng nào, hãy cân nhắc điều chỉnh bảng màu để đảm bảo trải nghiệm trợ năng cho mọi người dùng.

Công cụ liên quan

Trình xây dựng CSS AnimationGhép cặp phông chữ CSSMẫu CSS GridCSS sang Tailwind