Référence des couleurs nommées CSS Parcourez toutes les 140+ couleurs nommées CSS avec recherche, tri par teinte ou luminosité.
Référence des couleurs nommées CSS
Parcourez toutes les 140+ couleurs nommées CSS avec recherche, tri par teinte ou luminosité.
Rechercher des couleurs
Filtrer les couleurs en saisissant un fragment de nom.
Options de tri
Trier par nom alphabétique, angle de teinte ou luminosité.
Copier le code HEX
Copier le code HEX de n'importe quelle couleur.
What Is Référence des couleurs nommées CSS?
La référence des couleurs nommées CSS est un catalogue visuel complet de plus de 140 couleurs nommées CSS définies dans la spécification W3C. Contrairement à un simple outil de recherche, cette référence offre plusieurs options de tri - alphabétique, par teinte (regroupant des couleurs similaires) et par luminosité (de la plus claire à la plus sombre) - ce qui en fait un outil puissant pour l'exploration et la découverte de couleurs. Chaque entrée de couleur affiche une vignette visuelle, le nom sémantique et le code HEX. La fonction de recherche filtre les correspondances partielles de noms, donc en tapant « bleu » apparaissent toutes les couleurs liées au bleu (aliceblue, blue, cadetblue, cornflowerblue, etc.). Cette référence est essentielle pour les développeurs qui veulent trouver rapidement des couleurs nommées, explorer les noms de couleurs CSS disponibles ou choisir des noms de couleurs sémantiquement significatifs pour la prototypage.
Why Use Référence des couleurs nommées CSS?
-
Catalogue complet de plus de 140 couleurs nommées CSS
-
Trois options de tri : nom, teinte et luminosité
-
Filtrage de recherche par correspondance partielle de nom
-
Échantillons visuels pour une comparaison instantanée des couleurs
-
Copie en un clic pour chaque code HEX
Common Use Cases
Découverte de couleurs
Parcourir les couleurs nommées triées par teinte pour découvrir de nouvelles couleurs que vous ne saviez pas exister dans CSS.
Référence rapide
Trouver la valeur HEX exacte pour n'importe quelle couleur nommée CSS.
Prototypage
Choisir des noms de couleurs sémantiques pour un prototypage rapide sans rechercher les codes hexadécimaux.
Éducation
Apprendre la gamme complète des couleurs nommées CSS et leur apparence visuelle.
Technical Guide
Les couleurs nommées CSS sont des mots-clés définis dans la spécification du module de couleur CSS Level 4. Il existe 148 couleurs nommées (y compris les alias comme aqua/cyan). Chaque nom correspond à une couleur sRGB spécifique. Le tri par teinte utilise l'angle de teinte HSL (0-360°) extrait de la valeur hexadécimale de chaque couleur, qui regroupe les rouges, oranges, jaunes, verts, bleus et violets ensemble. Le tri par luminosité utilise la valeur de luminosité HSL (0-100%). Les couleurs achromatiques (noir, blanc, gris) ont une teinte de 0° mais une saturation très faible, elles se regroupent donc à une extrémité du tri par teinte. Certaines incohérences dans la dénomination existent en raison de l'héritage du système de couleurs X11 - notamment, « darkgray » (A9A9A9) est plus clair que « gray » (808080).
Tips & Best Practices
-
1Trier par teinte pour regrouper toutes les bleues, les vertes, les rouges, etc.
-
2Trier par luminosité pour trouver rapidement des couleurs claires pour les arrières-plans ou des couleurs sombres pour le texte
-
3La recherche accepte les correspondances partielles - "mer" trouve seagreen, seashell, darkseagreen, etc.
-
4Les couleurs nommées sont idéales pour la personnalisation de console.log, les remplissages SVG et les prototypes rapides
-
5Pour la production, remplacez les couleurs nommées par des valeurs HEX exactes pour une prévisibilité
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
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.
🎨 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 ToolsFrequently Asked Questions
Q Combien y a-t-il de couleurs nommées CSS ?
Q Que signifie le tri par teinte ?
Q Puis-je utiliser les couleurs nommées dans le CSS moderne ?
About This Tool
Référence des couleurs nommées CSS 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.