Guide couleur pratique

Guide des codes couleurs HTML : HEX, RGB, HSL et noms CSS

Comprenez les codes couleurs HTML, quand utiliser HEX, RGB ou HSL, et comment choisir des couleurs CSS accessibles pour vos sites.

Ouvrir l outil lie

Que sont les codes couleurs HTML ?

Les codes couleurs HTML sont des valeurs utilisees en CSS et HTML pour definir la couleur du texte, des fonds, des bordures, des gradients et des etats d interface.

  • Nom CSS : red
  • HEX : #FF0000
  • RGB : rgb(255, 0, 0)
  • HSL : hsl(0, 100%, 50%)

Quel format choisir ?

HEX est court et pratique pour le web. RGB est utile avec la transparence rgba(). HSL est plus lisible pour modifier la teinte, la saturation ou la luminosite.

Comment choisir les couleurs d un site

Commencez avec une couleur principale, ajoutez des neutres, puis verifiez le contraste du texte et des boutons. Ne transmettez pas une information uniquement par la couleur.

Questions frequentes

Quel format couleur est le plus utilise en HTML ?

Le format HEX est le plus courant car il est court, facile a copier et compatible avec tous les navigateurs.

Les noms de couleurs CSS sont-ils encore utiles ?

Oui, ils sont pratiques pour apprendre et prototyper, mais HEX ou HSL sont souvent meilleurs pour un design system.

Guides lies

HEX vers RGB : convertir les codes couleurs pour CSSGuide du contraste WCAG pour des couleurs de texte accessiblesListe des noms de couleurs CSS : quand utiliser les couleurs HTML nommees