Sobre a Prata
Prata (silver) é um cinza claro e fosco com o código hex #c0c0c0, ou rgb(192, 192, 192). Em HSL, ela tem matiz de 0°, saturação de 0% e luminosidade de 75%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: silver; em vez do valor hex.
Usando a prata em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto prata no branco | 1.82 : 1 | reprovado |
| Texto prata no preto | 11.54 : 1 | AAA |
Em um fundo prateado, use texto em preto (11.54 : 1). O WCAG pede pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: silver; /* or #c0c0c0 */
background-color: #c0c0c0;
border: 1px solid rgb(192 192 192 / 50%);
}
Cores nomeadas parecidas
Cinza Claro (#d3d3d3), Cardo (#d8bfd8), Azul Aço Claro (#b0c4de), Cinza Escuro (#a9a9a9), Gainsboro (#dcdcdc), Azul Claro (#add8e6).
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.