Sobre o Ouro
Ouro (gold) é um amarelo médio e vibrante, com o código hex #ffd700, ou rgb(255, 215, 0). No HSL ele fica no matiz de 51°, com saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: gold; em vez do valor hex.
Usando o ouro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto ouro no branco | 1.40 : 1 | reprovado |
| Texto ouro no preto | 14.97 : 1 | AAA |
Em um fundo dourado, use texto em preto (14.97 : 1). A WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: gold; /* or #ffd700 */
background-color: #ffd700;
border: 1px solid rgb(255 215 0 / 50%);
}Cores nomeadas parecidas
Amarelo (#ffff00), Laranja (#ffa500), Goldenrod (#daa520), Laranja escuro (#ff8c00), Verde-amarelo (#adff2f), Goldenrod escuro (#b8860b).
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.