Couleur vert

La couleur des plantes et du feuillage ; à l'écran, il se situe entre la lumière bleue et la jaune. Il est associé à la nature, à la santé et au feu vert. On le voit souvent chez les marques écologiques, les banques et sur les boutons de validation.

Aussi appelée : vert pur.

Vert · #008000

Fiche de la couleur vert

La couleur vert (#008000) est une couleur intermédiaire, foncée et très saturée. Elle appartient à la famille des verts. Elle se compose de 0 de rouge, 128 de vert et 0 de bleu (sur 255). Usages courants : logos, nature, web, signalétique.

Nuances de la couleur vert : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur vert

BlancFrais et net.BeigeNaturel et détendu.ChocolatComme le bois et les feuilles.Bleu marineUn mélange froid et élégant.RoseSon contraste complémentaire.JauneJoyeux et printanier.DoréLuxe et chaleur.GrisApaise le vert et le modernise.

Comment associer la couleur vert en mode et en déco →

Harmonies de la couleur vert

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Pourpre

AnaloguesProche de : Vert jade

TriadeProche de : Bleu marine, Grenat

Complémentaires adjacentesProche de : Indigo, Bordeaux

TétradeProche de : Ultra violet, Pourpre, Chocolat

Palettes avec la couleur vert

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Vert

Palette analogue · Vert

Palette complémentaire · Vert

Palette triade · Vert

Palette avec neutres · Vert

Palette avec accent · Vert

Contraste de la couleur vert avec le texte

Texte blancContraste 5.1:1 · AA

Texte noirContraste 4.1:1 · AA grand texte

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --vert: #008000;
  --vert-rgb: 0, 128, 0;
}
.fond { background-color: var(--vert); }
.texte { color: var(--vert); }

Couleurs proches de la couleur vert

Vert forêt Vert foncé Vert jade Vert émeraude Vert pomme Vert pastel Vert pistache Vert olive Vert clair Vert mousse

Questions fréquentes

Quel est le code de la couleur vert ?

Le code HEX de la couleur vert est #008000. En RGB, c'est rgb(0, 128, 0), en HSL hsl(120, 100%, 25%) et en CMJN 100, 0, 100, 50.

Quelle est la complémentaire de la couleur vert ?

Sa complémentaire sur le cercle chromatique est #800080, une teinte proche de la couleur pourpre. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur vert ?

Oui. Le contraste avec le blanc est de 5.1:1, suffisant pour du texte normal (WCAG AA).

Quelles couleurs vont avec la couleur vert ?

Elle se marie bien avec : blanc, beige, chocolat, bleu marine, rose. Évitez-le avec un rouge intense si vous ne cherchez pas un air de Noël. Mélanger beaucoup de verts de températures différentes sans neutre paraît désordonné.