Catégories

Simulateur de Daltonisme

Simule l'apparence des couleurs pour les personnes atteintes de différents types de daltonisme

Points clés

Catégorie
Design
Types d’entrée
text, select
Type de sortie
text
Couverture des échantillons
1
API disponible
Yes

Vue d’ensemble

Notre simulateur de daltonisme vous permet de visualiser instantanément comment une couleur spécifique est perçue par des personnes atteintes de différents types de déficiences visuelles, facilitant ainsi la création de designs plus inclusifs.

Quand l’utiliser

  • Vérifier l'accessibilité de votre palette de couleurs pour une interface web.
  • S'assurer que les contrastes de vos graphiques sont lisibles par tous les utilisateurs.
  • Adapter vos supports de communication visuelle pour respecter les normes d'accessibilité.

Comment ça marche

  • Saisissez le code hexadécimal de la couleur que vous souhaitez tester.
  • Sélectionnez le type de daltonisme à simuler dans la liste déroulante.
  • Visualisez la transformation de la couleur pour comprendre la perception correspondante.

Cas d’usage

Conception d'interfaces utilisateur (UI) accessibles.
Création de graphiques de données lisibles pour tous.
Validation de chartes graphiques pour des projets inclusifs.

Exemples

1. Validation d'un bouton d'appel à l'action

Designer UI
Contexte
Un designer souhaite utiliser un bouton vert vif pour un site e-commerce.
Problème
Le designer craint que le bouton ne soit pas assez distinct pour les utilisateurs souffrant de deutéranopie.
Comment l’utiliser
Entrer le code HEX du vert choisi et sélectionner 'Deuteranopia' pour voir la couleur résultante.
Configuration d’exemple
Couleur: #2ecc71, Type: deuteranopia
Résultat
Le designer constate que la couleur devient terne et ajuste la saturation pour améliorer le contraste.

2. Vérification de graphiques financiers

Analyste de données
Contexte
Un analyste prépare un rapport avec des indicateurs de performance en rouge et vert.
Problème
Les utilisateurs daltoniens risquent de confondre les deux indicateurs.
Comment l’utiliser
Tester les deux couleurs avec le simulateur pour comparer les rendus.
Configuration d’exemple
Couleur: #e74c3c (rouge) et #27ae60 (vert), Type: protanopia
Résultat
L'analyste décide d'ajouter des motifs ou des icônes pour différencier les données au-delà de la simple couleur.

Tester avec des échantillons

design

Hubs associés

FAQ

Quels types de daltonisme sont pris en charge ?

L'outil supporte la protanopie, la deutéranopie, la tritanopie et l'achromatopsie.

Puis-je tester plusieurs couleurs à la fois ?

L'outil traite une couleur hexadécimale à la fois pour garantir une précision maximale.

Pourquoi est-ce important pour le design ?

Cela permet d'éviter les erreurs de lisibilité pour les utilisateurs ayant des difficultés à distinguer certaines teintes.

L'outil nécessite-t-il une installation ?

Non, il s'agit d'un outil en ligne accessible directement depuis votre navigateur.

Les résultats sont-ils conformes aux normes WCAG ?

L'outil aide à respecter les recommandations d'accessibilité en identifiant les problèmes de perception des couleurs.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/color-blindness-simulator

Paramètres de la requête

Nom du paramètre Type Requis Description
color text Oui -
type select Oui -

Format de réponse

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texte: Texte

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-color-blindness-simulator": {
      "name": "color-blindness-simulator",
      "description": "Simule l'apparence des couleurs pour les personnes atteintes de différents types de daltonisme",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-blindness-simulator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]