Sobre o Verde
Verde (green) é um verde escuro e vibrante, com código hex #008000, ou rgb(0, 128, 0). Em HSL, ele tem matiz de 120°, saturação de 100% e luminosidade de 25%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: green; no lugar do valor hex.
Usando o verde em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto verde no branco | 5.14 : 1 | AA |
| Texto verde no preto | 4.09 : 1 | AA apenas para texto grande |
Em um fundo verde, use texto branco (5.14 : 1). O 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: green; /* or #008000 */
background-color: #008000;
border: 1px solid rgb(0 128 0 / 50%);
}Nomes de cores semelhantes
Verde Escuro (#006400), Verde Floresta (#228b22), Verde Mar (#2e8b57), Verde Oliva Escuro (#556b2f), Cinza Ardósia Escuro (#2f4f4f), Verde Limão (#32cd32).
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.