Nommeur de Palette de Couleurs
Collez des couleurs et obtenez un nom pour chacune, la couleur CSS la plus proche, des alertes de quasi-doublons et le contraste WCAG — export CSS ou JSON.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
Outil de navigateur
Nommeur de Palette de Couleurs
Comment ça marche
- Collez vos couleurs — hex, rgb() ou noms de couleur CSS, une par ligne ou séparées par des virgules.
- Chacune reçoit un nom : un nom de couleur CSS exact en cas de correspondance proche, sinon une description générée comme « Bleu Foncé Vif ».
- Vérifiez les alertes de couleurs quasi identiques et les valeurs de contraste si vous utilisez une couleur en texte ou en fond.
- Exportez toute la palette en propriétés personnalisées CSS ou en JSON.
Questions fréquentes
Mes données sont-elles envoyées quelque part ?
Non. Color Palette Namer s'exécute entièrement dans votre navigateur — rien n'est envoyé à un serveur.
D'où viennent les noms ?
De deux sources. Si une couleur est très proche de l'un des 148 mots-clés de couleur CSS standard (comme « forestgreen » ou « royalblue » — vérifiés d'après la spécification CSS/SVG), ce nom exact est utilisé. Sinon, un nom descriptif est généré à partir de sa teinte, sa luminosité et sa saturation, comme « Bleu Foncé Vif » ou « Vert Clair Grisâtre » — jamais un nom inventé et invérifiable.
Qu'est-ce qu'une couleur « quasi-doublon » ?
Deux couleurs assez proches dans l'espace perceptuel (mesuré en CIE Lab, pas en RVB brut) pour paraître presque identiques côte à côte — un problème courant à repérer avant de publier une palette avec deux nuances indiscernables.
Que signifient les valeurs de contraste ?
Le ratio de contraste WCAG 2 de cette couleur face au blanc et au noir purs, de 1:1 (aucun contraste) à 21:1 (noir sur blanc). AA exige 4,5:1 pour le texte normal ou 3:1 pour le grand texte ; AAA exige 7:1 — utile pour vérifier qu'une couleur est sûre en texte ou en fond.
Puis-je saisir plusieurs couleurs à la fois ?
Oui — une par ligne, ou séparées par des virgules. Les codes hex, rgb()/rgba() et les noms de couleur CSS sont tous acceptés.
Quelle est la précision du résultat ?
Les 148 noms de couleur CSS exacts sont vérifiés d'après la spécification CSS Color Module / SVG. Les distances entre couleurs utilisent une conversion sRGB vers Lab standard, vérifiée par rapport à des valeurs de référence publiées. Les noms descriptifs suivent un schéma de bandes claires de teinte/luminosité/saturation, pas une estimation.
Puis-je utiliser les noms pour des tokens de design ou un guide de style ?
Oui — c'est exactement à cela que c'est destiné : transformer une palette de codes hex en noms lisibles à utiliser dans des noms de tokens, de la documentation ou un guide de style plutôt que des valeurs hex brutes.
Comment nous nous comparons
| Fonctionnalité | Online Tool Store | Chercheur de hex Theme & Color | Logiciel de design payant |
|---|---|---|---|
| Nomme toute une palette d'un coup, pas une couleur à la fois | ✓ | ✗ | ✓ |
| Repère les couleurs quasi-doublons dans la même palette | ✓ | Non applicable — une seule couleur | ✗ |
| Contraste WCAG face au blanc et au noir affiché en ligne | ✓ | ✗ | Généralement un outil séparé |
| La correspondance exacte utilise un nom de couleur CSS standard vérifié | ✓ | ✓ | Nomenclature propre à la marque |
| Gratuit, sans inscription | ✓ | ✓ | Souvent par abonnement |
Les chercheurs de nom pour une seule couleur sont faits pour consulter une nuance à la fois. Cet outil est fait pour examiner une palette entière — les vérifications de quasi-doublons et de contraste sont exactement ce qui détecte les problèmes avant la publication d'une palette.