Sobre o Branco
Branco (white) é um branco muito claro e suave, com o código hexadecimal #ffffff, ou rgb(255, 255, 255). No HSL, ele fica com matiz de 0°, saturação de 0% e luminosidade de 100%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: white; no lugar do valor hexadecimal.
Usando o Branco em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto branco sobre branco | 1.00 : 1 | reprovado |
| Texto branco sobre preto | 21.00 : 1 | AAA |
Em fundo branco, use texto preto (21.00 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: white; /* or #ffffff */
background-color: #ffffff;
border: 1px solid rgb(255 255 255 / 50%);
}Cores nomeadas semelhantes
Neve (#fffafa), Branco Fantasma (#f8f8ff), Creme de Menta (#f5fffa), Azul Celeste (#f0ffff), Marfim (#fffff0), Branco Floral (#fffaf0).
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.