Cor Preto: código #000000

Preto

#000000

Códigos da cor

  • HEX#000000
  • RGBrgb(0, 0, 0)
  • HSLhsl(0, 0%, 0%)
  • HSVhsv(0, 0%, 0%)
  • CMYKcmyk(0%, 0%, 0%, 100%)
  • LABlab(0% 0 0)
  • OKLCHoklch(0% 0 0)

Sobre a cor Preto

Preto tem o código HEX #000000, que corresponde a rgb(0, 0, 0) no modelo RGB. No círculo cromático, seu matiz fica em 0°, com 0% de saturação e 0% de luminosidade (hsl(0, 0%, 0%)).

Com saturação muito baixa (ou luminosidade extrema), funciona como cor neutra, fácil de combinar com praticamente qualquer outra.

Como fundo, pede texto claro: o branco atinge contraste de 21,00:1 sobre ela, contra 1,00:1 do preto.

Para impressão, a conversão aproximada é cmyk(0%, 0%, 0%, 100%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Preto

Complementar

#000000 · #000000

Análoga

#000000 · #000000 · #000000

Tríade

#000000 · #000000 · #000000

Tetrádica

#000000 · #000000 · #000000 · #000000

Complementar dividida

#000000 · #000000 · #000000

Monocromática

#000000 · #000000 · #000000 · #262626 · #4D4D4D

Preto com texto branco e preto

Texto branco Aa Bb Cc 123
21,00:1 · AAA
Texto preto Aa Bb Cc 123
1,00:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Preto: sofisticação, luto e neutralidade

Tecnicamente, o preto #000000 é a ausência de luz na tela. Culturalmente, ele acumula sentidos quase opostos. No Brasil e em boa parte do Ocidente, é a cor do luto e das ocasiões formais, mas também da elegância: o “pretinho básico” é um coringa do guarda-roupa, e o traje “black tie” dispensa explicação. Em outras culturas, o luto é associado ao branco, o que mostra como essas leituras dependem do contexto. No design, o preto costuma transmitir autoridade, luxo e seriedade, e por isso aparece tanto em marcas de moda, tecnologia premium e bebidas.

Preto na tela

Contraste máximo, com ressalvas

Preto sobre branco dá 21:1, o maior contraste possível. Em blocos longos de texto, porém, esse extremo pode cansar, e muitos sites preferem um cinza muito escuro para o corpo do texto. Para comparar, use o verificador de contraste.

Modo escuro

Fundos em preto puro fazem sombras e hierarquias sumirem, e texto branco sobre eles pode parecer “vibrar” para algumas pessoas. Por isso, muitos temas escuros usam superfícies em torno de #121212 e reservam o preto absoluto para telas OLED, onde ele apaga os pixels.

Preto na impressão

Esse é o ponto em que mais gente erra. Um preto só com a tinta K (cmyk(0%, 0%, 0%, 100%)) sai acinzentado em áreas grandes. Para fundos chapados, gráficas costumam indicar um preto rico, como C60 M40 Y40 K100. Já em textos pequenos e linhas finas use somente K100: com quatro tintas, qualquer desvio de registro deixa as letras borradas. Converse com a gráfica antes de fechar o arquivo; o guia RGB x CMYK ajuda a entender o porquê.

Com o que combinar

O preto valoriza praticamente qualquer cor, mas algumas duplas são especialmente fortes:

  1. Branco (#FFFFFF): o contraste gráfico por excelência.
  2. Dourado (#FFD700): leitura imediata de luxo, comum em rótulos e convites.
  3. Vermelho (#FF0000): energia e urgência, ótimo para cartazes.
  4. Prata (#C0C0C0): visual técnico e frio, típico de eletrônicos.

Como usar em CSS

:root {
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
}

.elemento {
  background-color: var(--color-black);
  color: #FFFFFF;
}

Cores parecidas

Use Preto nas ferramentas