Code couleur vert printemps (#00ff7f)

Vert printemps est #00ff7f en hexadécimal et rgb(0, 255, 127) : un vert moyen. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies, et la lisibilité du texte.

Mis à jour le

Vert printemps
#00ff7f
Nom CSSspringgreen
Hex#00ff7f
RGBrgb(0, 255, 127)
HSLhsl(150 100% 50%)
HWBhwb(150 0% 0%)
CMYK100%, 0%, 50%, 0%

Teintes et nuances

Harmonies de couleurs

À propos du vert printemps

Vert printemps (springgreen) est un vert moyen et vif, de code hexadécimal #00ff7f, soit rgb(0, 255, 127). En HSL, il se situe à une teinte de 150°, 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: springgreen; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte vert printemps sur blanc1.35 : 1échec
Texte vert printemps sur noir15.61 : 1AAA

Sur un arrière-plan vert printemps, utilisez un texte noir (15.61 : 1). Le WCAG exige 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: springgreen;               /* or #00ff7f */
  background-color: #00ff7f;
  border: 1px solid rgb(0 255 127 / 50%);
}

Couleurs nommées similaires

Vert printemps moyen (#00fa9a), Vert mer clair (#20b2aa), Turquoise foncé (#00ced1), Vert mer moyen (#3cb371), Vert lime (#32cd32), Turquoise (#40e0d0).

Questions fréquentes

Quel est le code hexadécimal du vert printemps ?
#00ff7f, soit rgb(0, 255, 127) et hsl(150, 100%, 50%). En CSS, vous pouvez aussi simplement écrire springgreen.
Le texte vert printemps est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.35 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs se marient bien avec le vert printemps ?
Sa couleur complémentaire est #ff0080 ; les couleurs analogues #00ff00 et #00ffff se trouvent à côté sur le cercle chromatique.