Convertisseur de nom de couleur CSS en HEX Recherchez les codes HEX pour plus de 140 noms de couleurs CSS avec une fonction de recherche et d'aperçu.

🎨

Nom de couleur en HEX

Recherchez les codes HEX pour plus de 140 noms de couleurs CSS avec une fonction de recherche et d'aperçu.

Rechercher par nom

Tapez un nom de couleur comme "corail" ou "bleu" pour filtrer la liste.

Parcourir les couleurs

Faites défiler toutes les 140+ couleurs CSS nommées avec des échantillons visuels.

Copier le code HEX

Cliquez sur Copier pour obtenir le code HEX de n'importe quelle couleur nommée.

Loading tool...

What Is Nom de couleur en HEX?

La recherche de noms de couleurs CSS vers HEX offre un accès instantané à plus de 140 couleurs définies dans la spécification CSS par leurs noms lisibles par l'homme. Au lieu de mémoriser les codes hexadécimaux, CSS vous permet d'utiliser des noms comme "coral", "tomate", "steelblue" ou "rebeccapurple" directement dans vos feuilles de style. Cet outil affiche chaque couleur nommée avec sa vignette visuelle, le code HEX exact et une fonctionnalité de copie en un clic. Il s'agit d'une référence inestimable pour les développeurs qui souhaitent utiliser des noms de couleurs sémantiques dans leurs prototypes, trouver la valeur hexadécimale d'une couleur qu'ils connaissent par son nom ou découvrir de nouvelles couleurs dont ils ne connaissaient pas l'existence dans la spécification CSS. L'interface recherchable permet de trouver rapidement des couleurs spécifiques ou de parcourir des familles de couleurs entières. Les couleurs nommées CSS vont des couleurs primaires de base aux nuances comme "lemonchiffon", "papayawhip" et "mintcream".

Why Use Nom de couleur en HEX?

Référence complète pour les 140+ couleurs CSS nommées
Les échantillons visuels facilitent la comparaison des couleurs à un seul coup d'œil
Filtrage de recherche instantané pour trouver les couleurs par nom partiel
Copie en un clic pour chaque code HEX de couleur
Utiles pour le prototypage rapide et l'apprentissage des noms de couleurs CSS

Common Use Cases

Prototypage rapide

Utilisez les couleurs nommées pour un prototypage rapide sans rechercher les codes hex.

Référence CSS

Trouvez la valeur HEX exacte des couleurs CSS nommées pour assurer une cohérence entre les navigateurs.

Aide à l'apprentissage

Explorez la gamme complète de couleurs CSS nommées et leurs équivalents hex.

Révisions de code

Vérifiez que les couleurs nommées dans le code correspondent à l'apparence visuelle souhaitée.

Technical Guide

Les couleurs nommées CSS sont un ensemble pré défini de 148 mots-clés de couleur (y compris les doublons comme "aqua"/"cyan" et "fuchsia"/"magenta") spécifiés dans le module de couleur CSS Level 4. Chaque nom correspond à une couleur sRGB spécifique définie comme un triplet HEX. Ces noms proviennent de l'ensemble de couleurs X11 utilisé dans les systèmes de fenêtrage Unix, avec des ajouts au fil du temps. Le nom "rebeccapurple" (#663399) a été ajouté en 2014 en hommage à la fille d'Eric Meyer. Les noms de couleurs sont insensibles à la casse dans CSS : "DarkSlateGray" et "darkslategray" sont identiques. Bien que pratiques pour le développement, les noms de couleurs ont des limites : ils offrent seulement 148 des 16,7 millions de couleurs RGB possibles, et les noms peuvent être subjectifs (par exemple, "gris" est #808080 tandis que "darkgray" est #A9A9A9, qui est plus clair que "gris"). Pour le code de production, la plupart des équipes préfèrent utiliser HEX ou HSL pour un contrôle précis des couleurs et une cohérence avec les spécifications de conception.

Tips & Best Practices

1
Les couleurs CSS nommées sont insensibles à la casse - "DarkBlue" et "darkblue" sont identiques
2
Contre-intuitivement, "darkgray" (#A9A9A9) est plus clair que "gray" (#808080)
3
Les couleurs nommées sont idéales pour le prototypage mais sont généralement remplacées par des valeurs HEX exactes en production
4
Le mot-clé "transparent" est également une couleur CSS valide équivalente à rgba(0,0,0,0)
5
rebeccapurple (#663399) a été la dernière couleur nommée ajoutée, en hommage à Rebecca Meyer

Related Tools

Convertisseur HEX vers RGB

Convertissez les codes de couleur HEX en valeurs RVB instantanément avec un aperçu de couleur interactif.

🎨 Color Tools

Convertisseur HEX vers HSL

Convertissez les codes de couleur HEX en valeurs HSL (Teinte, Saturation, Luminosité).

🎨 Color Tools

Sélecteur de couleurs

Sélecteur de couleurs interactif avec sorties HEX, RGB, HSL et CMYK.

🎨 Color Tools

Rechercheur de couleurs Tailwind

Trouvez la classe de couleur CSS Tailwind la plus proche pour n'importe quel code HEX.

🎨 Color Tools

Référence des couleurs nommées CSS

Parcourez toutes les 140+ couleurs nommées CSS avec recherche, tri par teinte ou luminosité.

🎨 Color Tools

Frequently Asked Questions

Q Combien de couleurs CSS nommées existent-elles ?

Il existe 148 couleurs nommées dans la spécification CSS, dont quelques paires dupliquées (aqua/cyan, fuchsia/magenta). Cela donne 145 couleurs uniques.

Q Les couleurs nommées sont-elles prises en charge par tous les navigateurs ?

Oui, tous les navigateurs modernes prennent en charge toutes les couleurs CSS nommées. Elles font partie de la spécification CSS depuis la CSS1 (couleurs de base) et la CSS3 (couleurs étendues).

Q Puis-je utiliser des couleurs nommées dans JavaScript ?

Oui, vous pouvez utiliser des couleurs nommées dans Canvas, les bibliothèques CSS-in-JS et n'importe quelle propriété CSS définie via JavaScript. Par exemple : element.style.color = "tomato".

Q Pourquoi darkgray est-il plus clair que gray ?

C'est une particularité historique du système de nommage des couleurs X11. "gray" est #808080 (gris moyen) tandis que "darkgray" est #A9A9A9 (une teinte plus claire). Le nommage était inconsistent dans la spécification originale.

About This Tool

Nom de couleur en HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.