Code couleur vert (#008000)

Vert vaut #008000 en hexadécimal et rgb(0, 128, 0) — un vert foncé. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Vert
#008000
Nom CSSgreen
Hex#008000
RGBrgb(0, 128, 0)
HSLhsl(120 100% 25%)
HWBhwb(120 0% 50%)
CMJN100%, 0%, 100%, 50%

Teintes et nuances

Harmonies de couleurs

À propos du vert

Vert (green) est un vert foncé et vif, de code hexadécimal #008000, soit rgb(0, 128, 0). En HSL, il a une teinte de 120°, une saturation de 100 % et une luminosité de 25 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: green; à la place de la valeur hexadécimale.

Utiliser le vert pour le texte et les arrière-plans

CombinaisonRatio de contrasteWCAG
Texte vert sur blanc5.14 : 1AA
Texte vert sur noir4.09 : 1AA grands textes uniquement

Sur un fond vert, utilisez un texte blanc (5.14 : 1). La norme WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: green;               /* or #008000 */
  background-color: #008000;
  border: 1px solid rgb(0 128 0 / 50%);
}

Couleurs nommées similaires

Vert foncé (#006400), Vert forêt (#228b22), Vert mer (#2e8b57), Vert olive foncé (#556b2f), Gris ardoise foncé (#2f4f4f), Vert citron (#32cd32).

Questions fréquentes

Quel est le code hexadécimal du vert ?
#008000 — soit rgb(0, 128, 0) et hsl(120, 100%, 25%). En CSS, vous pouvez aussi écrire simplement green.
Le texte vert est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 5.14 : 1, ce qui respecte la norme WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le vert ?
Sa couleur complémentaire est #800080 ; les couleurs analogues #408000 et #008040 se trouvent à côté sur le cercle chromatique.