Parcourez les 140 couleurs CSS/HTML nommées standard dans une superbe grille d'échantillons — recherchez par nom ou hex, filtrez par famille de couleur et copiez la valeur hex, rgb() ou hsl() de n'importe quelle couleur en un clic. Dans votre navigateur, gratuit.

Les 140 couleurs CSS/HTML nommées standard, avec leurs valeurs hex, RGB et HSL. Tout s'exécute dans votre navigateur à partir d'une référence intégrée — rien n'est envoyé au serveur.

Aucune couleur ne correspond à votre recherche.
Essayez un autre nom ou hex — par exemple RebeccaPurple, #00FF00 ou teal.

À propos de Noms de couleurs HTML

Cette référence présente les 140 couleurs nommées CSS/HTML standard — la liste complète que comprennent les navigateurs, d'AliceBlue à YellowGreen — sous forme de grille de pastilles réactive. Chaque pastille montre la couleur elle-même avec son nom et sa valeur hexadécimale, et cliquer dessus ouvre ses formes hex, rgb() et hsl(), chacune copiable en un clic.

Vous pouvez rechercher par nom ou valeur hexadécimale — Tomato et #FF6347 trouvent la même pastille — et filtrer par famille : Rouges, Roses, Oranges, Jaunes, Bruns, Verts, Cyans, Bleus, Violets, Blancs, et Gris & Noirs. La vue par famille est le moyen le plus rapide de présélectionner des candidats quand vous connaissez à peu près la teinte souhaitée.

Les couleurs nommées sont pratiques pour les prototypes, les exemples de code, les remplissages SVG et l'enseignement, car un nom comme RebeccaPurple communique l'intention mieux qu'un triplet hexadécimal. Les valeurs RGB et HSL sont dérivées dans votre navigateur à partir du hex de chaque couleur, et rien de ce que vous recherchez n'est envoyé à un serveur.

Comment utiliser Noms de couleurs HTML

  1. Recherchez par nom de couleur ou valeur hexadécimale — par exemple Tomato, teal ou #00FF00.
  2. Filtrez par famille — Rouges, Bleus, Gris, etc. — pour présélectionner des couleurs dans une plage de teintes.
  3. Cliquez sur une pastille pour copier instantanément sa valeur hexadécimale.
  4. Ouvrez la fenêtre contextuelle de la pastille pour copier plutôt la forme rgb() ou hsl().

Questions fréquentes

Il existe 140 couleurs nommées standard dans le CSS moderne, qui étendent les 16 couleurs HTML d'origine avec la liste plus large dérivée de X11. Tous les navigateurs actuels les prennent toutes en charge, dans toute propriété acceptant une couleur.

Non. tomato, Tomato et TOMATO sont tous valides et identiques en CSS et HTML. Les formes en casse mixte montrées ici ne sont que l'orthographe conventionnelle qui rend lisibles des noms à plusieurs mots comme LightGoldenrodYellow.

Les noms sont parfaits pour les exemples, les prototypes et les accents ponctuels ; les palettes de production vivent généralement dans des propriétés personnalisées avec des valeurs hex, rgb() ou hsl(), car les couleurs d'un système de design correspondent rarement exactement à une couleur nommée. Fonctionnellement, un nom et son hex sont interchangeables.

CSS inclut les deux orthographes pour gray et ses variantes — gray/grey, darkgray/darkgrey, etc. — en associant chaque paire à la même valeur, aucune des deux orthographes n'est donc erronée.

Oui. Les 140 pastilles, la recherche, les filtres par famille et la copie hex/rgb()/hsl() sont gratuits et fonctionnent entièrement dans votre navigateur.

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.