Mode
Protanopia
Effet
Les rouges deviennent plus sombres et moins distincts
Outils de design
Simulateur de daltonisme — Aperçu du filtre matriciel
Appliquez des matrices de déficience de vision des couleurs à un exemple de vue afin de pouvoir prévisualiser comment la protanopie, la deutéranopie, la tritanopie ou l'achromatopsie peuvent modifier les couleurs de l'interface utilisateur. Utilisez-le pour détecter les problèmes de contraste et de couleur d'état avant l'expédition.
ConceptionUXAccessibilité
Accès rapide:Générateur de filtre CSS
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Simulateur de daltonisme
Normal Vision Full spectrum capability.
Current Filter Rule
Normal · paletteCas d’usage
- Vérifiez si les couleurs d'état rouge/vert restent distinguables
- Vérifiez les graphiques et les badges sous CVD courants types
- Partagez un mode de filtre tout en auditant les directives de conception
Mode d’emploi
- Choisissez un échantillon d'aperçu et un mode de simulation
- Comparez avec la vue normale (non filtrée)
- Copiez l'extrait de filtre
Exemples d’entrée et de sortie
FAQ
Quelle est la précision de la simulation ?
Il utilise les matrices de transformation CVD publiées comme approximation. La perception réelle varie selon la personne et l'affichage.
Utilise-t-il un filtre CSS ?
La simulation est pilotée par des filtres de style de matrice de couleurs pour l'aperçu, et non par une rotation de teinte occasionnelle.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur de filtre CSS
Générateur de filtre CSS — Effets d'image en direct
Combinez le flou, les niveaux de gris, le contraste et d’autres fonctions de filtre CSS avec un aperçu en direct. Réglez les curseurs pour créer une chaîne comme filter: blur(2px) grayscale(100%), puis copiez le résultat.
Conception CSS Filtre