Recherche de couleur nommée

Tous les outils

Trouvez la couleur CSS nommée la plus proche et la nuance Tailwind la plus proche pour n'importe quelle couleur — correspondance perceptuelle, valeurs prêtes à copier.

Votre couleur
#3B82F6
Couleur CSS la plus proche
—
—
Écart: —
Correspondance exacte
Nuance Tailwind la plus proche
—
—
Écart: —
Correspondance exacte

Saisissez ou choisissez une couleur et voyez instantanément la couleur CSS nommée et la nuance Tailwind les plus proches — correspondance perceptuelle dans votre navigateur.

À propos de Recherche de couleur nommée

Le Chercheur de nom de couleur répond à une question simple : comment s'appelle cette couleur ? Saisissez ou choisissez n'importe quelle couleur et il renvoie instantanément la couleur CSS nommée la plus proche — issue de la liste standard comprise par les navigateurs, comme « steelblue » ou « coral » — ainsi que la nuance Tailwind la plus proche, comme « sky-600 ».

La correspondance est perceptuelle plutôt que purement numérique, si bien que les noms suggérés ressemblent réellement à votre couleur d'entrée au lieu d'être simplement proches en termes de RGB brut. Un indicateur d'écart vous indique si la correspondance est exacte, très proche ou seulement approximative, afin de savoir quelle fidélité vous échangez contre un nom mémorable.

La recherche s'exécute entièrement dans votre navigateur avec des boutons de copie sur chaque résultat. C'est pratique pour écrire un CSS plus lisible, aligner des couleurs de marque arbitraires sur une échelle Tailwind, ou simplement apprendre comment s'appellerait une couleur prélevée sur une photo.

Comment utiliser Recherche de couleur nommée

  1. Saisissez une valeur de couleur ou choisissez-en une avec le sélecteur ; cliquez sur « Aléatoire » pour explorer.
  2. Lisez la couleur CSS nommée la plus proche et la nuance Tailwind la plus proche, affichées côte à côte avec votre entrée.
  3. Consultez l'indicateur d'écart pour voir à quel point chaque correspondance est proche.
  4. Cliquez sur « Copier » sur la valeur que vous souhaitez utiliser.

Questions fréquentes

Oui. La correspondance est calculée localement dans votre navigateur à partir de listes de couleurs intégrées, les recherches sont donc gratuites, instantanées et illimitées.

CSS définit environ 148 couleurs nommées (147 valeurs uniques, puisque certaines sont des alias comme gray/grey), des couleurs de base comme « red » à des entrées obscures comme « papayawhip ». Chaque navigateur les comprend, et cet outil trouve celle la plus proche de n'importe quelle couleur que vous saisissez.

L'outil utilise une mesure de distance chromatique perceptuelle plutôt qu'une simple comparaison RGB, si bien que le nom suggéré reflète à quel point les couleurs se ressemblent réellement à l'œil humain — particulièrement important pour les tons adoucis et les gris proches.

La nuance la plus proche de la palette de couleurs par défaut de Tailwind, nommée dans le format familier teinte-plus-numéro comme « emerald-500 ». C'est utile pour aligner des couleurs de design arbitraires sur l'échelle de Tailwind afin que vos classes utilitaires restent cohérentes.

Votre couleur d'entrée est identique à la couleur nommée — vous pouvez substituer le nom à la valeur HEX sans aucun changement visuel. Les niveaux inférieurs (« Très proche », « Proche », « Approximatif ») indiquent un écart croissant, bien que souvent imperceptible.
Partager
Outils similaires
Pipette d'écran Échantillonnez n'importe quel pixel de votre écran avec la pipette, ou prélevez des couleurs depuis une image déposée, et regroupez-les en une palette prête à copier. Gratuit
Générateur de palette de couleurs Composez des palettes de couleurs harmonieuses à partir d'une roue chromatique interactive — appliquez des règles d'harmonie comme analogue, complémentaire ou triade, puis copiez n'importe quelle valeur instantanément. Gratuit
Convertisseur de codes couleur Convertissez des couleurs entre HEX, RGB, RGBA, HSL, HSLA, HSV et CMYK — choisissez une couleur, ajustez l’alpha et copiez n’importe quel format instantanément. Gratuit
Recherche de couleurs Pantone Recherchez n'importe quel code Pantone solid-coated pour lire ses valeurs HEX, RGB et CMYK, ou saisissez une couleur HEX/RGB et trouvez instantanément la correspondance Pantone la plus proche, le tout dans votre navigateur. Gratuit
Mélangeur de couleurs Fondez une couleur de départ vers une couleur d'arrivée sur jusqu'à 10 étapes — prévisualisez le dégradé, récupérez chaque nuance et copiez n'importe quel format instantanément. Gratuit
Vérificateur de contraste des couleurs Vérifiez le rapport de contraste WCAG entre une couleur de texte et de fond — obtenez les verdicts AA/AAA pour le texte normal, le grand texte et les composants d'interface, avec un aperçu en direct et des suggestions de couleurs accessibles. Gratuit
Recherches populaires
recherche de couleur nommée nom de couleur css le plus proche trouver le nom d'une couleur couleur tailwind la plus proche hex vers nom de couleur identifier le nom d'une couleur
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.