Sobre a cor Chartreuse
Chartreuse (chartreuse) é um verde médio e vibrante, com código hex #7fff00, ou rgb(127, 255, 0). No HSL ela fica com matiz de 90°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: chartreuse; no lugar do valor hex.
Usando Chartreuse em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto chartreuse no branco | 1.30 : 1 | reprovado |
| Texto chartreuse no preto | 16.21 : 1 | AAA |
Em um fundo chartreuse, use texto em preto (16.21 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: chartreuse; /* or #7fff00 */
background-color: #7fff00;
border: 1px solid rgb(127 255 0 / 50%);
}Cores nomeadas parecidas
Lawn Green (#7cfc00), Green Yellow (#adff2f), Yellow Green (#9acd32), Lime Green (#32cd32), Olive Drab (#6b8e23), Lime (#00ff00).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.