Acerca del chartreuse
Chartreuse (chartreuse) es un verde medio y vibrante con el código hex #7fff00, o rgb(127, 255, 0). En HSL se sitúa en un tono de 90°, con 100% de saturación y 50% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: chartreuse; en lugar del valor hex.
Usar chartreuse en texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto chartreuse sobre blanco | 1.30 : 1 | no cumple |
| Texto chartreuse sobre negro | 16.21 : 1 | AAA |
Sobre un fondo chartreuse, usa texto en negro (16.21 : 1). WCAG exige al menos 4.5 : 1 para el texto de párrafo y 3 : 1 para el texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: chartreuse; /* or #7fff00 */
background-color: #7fff00;
border: 1px solid rgb(127 255 0 / 50%);
}
Colores con nombre similares
Verde césped (#7cfc00), Verde amarillento (#adff2f), Verde amarillo (#9acd32), Verde lima (#32cd32), Verde oliva oscuro (#6b8e23), Lima (#00ff00).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.