Modo
Protanopia
Efecto
Los rojos se desplazan hacia tonos más oscuros y menos distinguibles
Herramientas de diseño
Simulador de daltonismo — Vista previa con filtros de matriz
Aplica matrices de deficiencia de visión del color a una vista de muestra para que puedas previsualizar cómo la protanopía, la deuteranopía, la tritanopía o la acromatopsía pueden cambiar los colores de la interfaz. Úsalo para detectar problemas de contraste y de color de estado antes de publicar.
DiseñoUXAccesibilidad
Cambio rápido:Generador de filtros CSS
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Simulador de daltonismo
Normal Vision Full spectrum capability.
Current Filter Rule
Normal · paletteCasos de uso
- Revisa si los colores de estado rojo/verde siguen siendo distinguibles
- Comprueba gráficos e insignias bajo tipos comunes de CVD
- Comparte un modo de filtro al auditar guías de diseño
Cómo usar
- Elige una muestra de vista previa y un modo de simulación
- Compara con la vista normal (sin filtrar)
- Copia el fragmento de filtro
Entrada y salida de ejemplo
FAQ
¿Qué precisa es la simulación?
Usa matrices de transformación CVD publicadas como aproximación. La percepción real varía según la persona y la pantalla.
¿Usa filtros CSS?
La simulación se basa en filtros de estilo color-matrix para la vista previa, no en una simple rotación de tono.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de filtros CSS
Generador de filtros CSS — Efectos de imagen en vivo
Combina desenfoque, escala de grises, contraste y funciones de filtro CSS relacionadas con vista previa en vivo. Arrastra los deslizadores para crear pilas como filter: blur(2px) grayscale(100%); y copia el resultado.
Diseño CSS Filtro