Sobre o Preto
Preto (black) é um preto bem escuro e sóbrio, com o código hex #000000, ou rgb(0, 0, 0). No HSL ele fica com matiz de 0°, saturação de 0% e luminosidade de 0%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: black; em vez do valor hex.
Usando o Preto em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto preto no branco | 21.00 : 1 | AAA |
| Texto preto no preto | 1.00 : 1 | reprovado |
Em um fundo preto, use texto branco (21.00 : 1). O WCAG pede 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: black; /* or #000000 */
background-color: #000000;
border: 1px solid rgb(0 0 0 / 50%);
}Cores nomeadas parecidas
Verde Escuro (#006400), Azul Meia-Noite (#191970), Cinza Ardósia Escuro (#2f4f4f), Verde (#008000), Bordô (#800000), Azul Marinho (#000080).
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.