Code couleur Chartreuse (#7fff00)

Chartreuse est #7fff00 en hexadécimal et rgb(127, 255, 0) : un vert moyen. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et sa lisibilité en texte.

Mis à jour le

Chartreuse
#7fff00
Nom CSSchartreuse
Hex#7fff00
RGBrgb(127, 255, 0)
HSLhsl(90 100% 50%)
HWBhwb(90 0% 0%)
CMYK50%, 0%, 100%, 0%

Teintes et nuances

Harmonies chromatiques

À propos de Chartreuse

Chartreuse (chartreuse) est un vert moyen et vif, de code hexadécimal #7fff00, soit rgb(127, 255, 0). En HSL, sa teinte est de 90°, avec une saturation de 100 % et une luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: chartreuse; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte chartreuse sur blanc1.30 : 1échec
Texte chartreuse sur noir16.21 : 1AAA

Sur un arrière-plan chartreuse, utilisez un texte noir (16.21 : 1). Les WCAG exigent un ratio d'au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: chartreuse;               /* or #7fff00 */
  background-color: #7fff00;
  border: 1px solid rgb(127 255 0 / 50%);
}

Couleurs nommées similaires

Vert pelouse (#7cfc00), Vert jaune (#adff2f), Jaune vert (#9acd32), Vert citron (#32cd32), Vert olive (#6b8e23), Citron (#00ff00).

Questions fréquentes

Quel est le code hexadécimal de la couleur chartreuse ?
#7fff00, soit rgb(127, 255, 0) et hsl(90, 100%, 50%). En CSS, vous pouvez aussi simplement écrire chartreuse.
Le texte chartreuse est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.30 : 1, ce qui échoue aux WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le chartreuse ?
Sa couleur complémentaire est #8000ff ; les couleurs analogues #ffff00 et #00ff00 se situent à côté sur le cercle chromatique.