Online Tool Store
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.
FAQ
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.