Sobre o Spring Green
Spring Green (springgreen) é um verde médio e vibrante, com código hex #00ff7f, ou rgb(0, 255, 127). No HSL, fica com matiz de 150°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: springgreen; em vez do valor hex.
Usando o Spring Green em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Spring Green no branco | 1,35 : 1 | reprovado |
| Texto Spring Green no preto | 15,61 : 1 | AAA |
Em um fundo verde primavera, use texto em preto (15,61 : 1). O WCAG exige no mínimo 4,5 : 1 para textos normais e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de contraste.
CSS
.element {
color: springgreen; /* or #00ff7f */
background-color: #00ff7f;
border: 1px solid rgb(0 255 127 / 50%);
}Cores nomeadas semelhantes
Verde Primavera Médio (#00fa9a), Verde Mar Claro (#20b2aa), Turquesa Escuro (#00ced1), Verde Mar Médio (#3cb371), Verde Limão (#32cd32), Turquesa (#40e0d0).
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.