À propos du vert pâle
Vert pâle (palegreen) est un vert clair et vif, de code hexadécimal #98fb98, soit rgb(152, 251, 152). En HSL, il se situe à une teinte de 120°, avec une saturation de 93 % et une luminosité de 79 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: palegreen; à la place de la valeur hexadécimale.
Utiliser le vert pâle pour le texte et les arrière-plans
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte vert pâle sur blanc | 1,27 : 1 | échec |
| Texte vert pâle sur noir | 16,59 : 1 | AAA |
Sur un fond vert pâle, utilisez un texte noir (16,59 : 1). Les WCAG exigent 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: palegreen; /* or #98fb98 */
background-color: #98fb98;
border: 1px solid rgb(152 251 152 / 50%);
}
Couleurs nommées similaires
Vert clair (#90ee90), Vert mer foncé (#8fbc8f), Aigue-marine (#7fffd4), Aigue-marine moyen (#66cdaa), Argent (#c0c0c0), Gris foncé (#a9a9a9).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.