Aller au sélecteur de couleur

Noms de couleurs CSS

Toutes les couleurs nommées de la spécification CSS (148 au total), regroupées par teinte et triées du clair au foncé. Cliquez sur un nom ou une valeur HEX pour le copier.

Rouge

Rouge rosé

Rose

Magenta

  • identique à magenta

  • identique à fuchsia

Pourpre

Violet

Indigo

Bleu

  • identique à lightslategrey

  • identique à lightslategray

  • identique à slategrey

  • identique à slategray

Bleu ciel

Cyan

  • identique à cyan

  • identique à aqua

  • identique à darkslategrey

  • identique à darkslategray

Bleu canard

Émeraude

Vert

Vert citron

Jaune

Ambre

Orange

Marron

Beige

Blanc

Gris

  • identique à lightgrey

  • identique à lightgray

  • identique à darkgrey

  • identique à darkgray

  • identique à grey

  • identique à gray

  • identique à dimgrey

  • identique à dimgray

Noir

Questions et réponses

Combien de couleurs nommées existe-t-il en CSS ?

CSS Color 4 définit 148 couleurs nommées, d’aliceblue à yellowgreen. Quelques-unes sont des synonymes qui partagent la même valeur, comme gray et grey ou aqua et cyan. Il existe aussi les mots-clés transparent et currentcolor, qui ne sont pas des couleurs fixes.

gray et grey, est-ce pareil en CSS ?

Oui. Chaque nom en gray a une variante grey avec exactement la même valeur : darkgray et darkgrey valent tous deux #a9a9a9. Curiosité héritée de la liste de couleurs X11 : darkgray est plus clair que gray.

Faut-il utiliser les noms de couleurs en CSS de production ?

Les couleurs nommées fonctionnent dans tous les navigateurs : elles conviennent aux prototypes, aux démos et aux styles ponctuels. Pour un produit, préférez vos propres tokens en OKLCH ou en HEX : il est plus facile de les ajuster en échelle et de les garder cohérents d’un thème à l’autre.