Sobre a cor Lime
Lime (lime) é um verde médio e vibrante, com código hex #00ff00, ou rgb(0, 255, 0). Em HSL ela fica com matiz de 120°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lime; em vez do valor hex.
Usando o lime em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto lime sobre branco | 1.37 : 1 | reprova |
| Texto lime sobre preto | 15.30 : 1 | AAA |
Em um fundo lime, use texto em preto (15.30 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de contraste.
CSS
.element {
color: lime; /* or #00ff00 */
background-color: #00ff00;
border: 1px solid rgb(0 255 0 / 50%);
}Cores nomeadas parecidas
Verde Lima (#32cd32), Verde Grama (#7cfc00), Verde Floresta (#228b22), Chartreuse (#7fff00), Verde (#008000), Verde Primavera (#00ff7f).
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.