Sobre Green Yellow
Green Yellow (greenyellow) é um verde médio e vibrante, com o código hex #adff2f, ou rgb(173, 255, 47). Em HSL, ela fica com matiz de 84°, saturação de 100% e luminosidade de 59%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: greenyellow; no lugar do valor hex.
Usando Green Yellow em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Green Yellow no branco | 1.23 : 1 | reprova |
| Texto Green Yellow no preto | 17.12 : 1 | AAA |
Em um fundo green yellow, use texto em preto (17.12 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: greenyellow; /* or #adff2f */
background-color: #adff2f;
border: 1px solid rgb(173 255 47 / 50%);
}
Cores nomeadas semelhantes
Amarelo Esverdeado (#9acd32), Chartreuse (#7fff00), Verde Gramado (#7cfc00), Amarelo (#ffff00), Cáqui Escuro (#bdb76b), Vara-de-ouro (#daa520).
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.