Paleta de Cores

Cor preto

Na tela é a ausência total de luz. É associado à elegância, à autoridade e ao luto. É a cor mais usada na moda formal e em logos de marcas de luxo.

Também conhecida como: negro.

Preto · #000000

Sobre a cor preto

O preto (#000000) é uma cor neutra, escura e quase sem saturação. Faz parte da família dos pretos. É formada por 0 de vermelho, 0 de verde e 0 de azul (de 0 a 255). É usada principalmente em moda, web, branding, decoração.

Tons de preto: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Cores que combinam com preto

BrancoO contraste máximo, clássico e atemporal.DouradoElegância e luxo, ideal para a noite.VermelhoUma dupla intensa e sedutora.CarameloSuaviza o preto e traz calor.RosaContraste moderno e feminino.CinzaUm visual monocromático elegante.PinkUm destaque bem vivo sobre a base escura.BegeUma mistura sofisticada e simples.
Como usar preto em roupas e decoração →

Harmonias da cor preto

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

Complementar
Análogas
Tríade
Complementar dividida
Tétrade

Paletas com a cor preto

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Preto
Paleta análoga · Preto
Paleta complementar · Preto
Paleta tríade · Preto
Paleta com neutros · Preto
Paleta com destaque · Preto

Contraste de preto com texto

Texto brancoContraste 21.0:1 · AAA
Texto pretoContraste 1.0:1 · Não recomendado

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --preto: #000000;
  --preto-rgb: 0, 0, 0;
}
.fundo { background-color: var(--preto); }
.texto { color: var(--preto); }

Cores parecidas com preto

ÉbanoPreto-carvãoPreto-azuladoAntraciteAzevicheÔnixCinza OxfordTaupeCinza-carvãoAzul-da-prússia

Paletas temáticas com esta cor

Paletas de cores para casamentoPaletas de cores para aniversárioPaletas de cores para formaturaPaletas de cores para logoPaletas de cores para sitePaletas de cores para Instagram

Mais pretos

ÉbanoAzevicheAntraciteÔnixPreto-carvãoPreto-azulado

Perguntas frequentes

Qual é o código da cor preto?

O código HEX da cor preto é #000000. Em RGB é rgb(0, 0, 0), em HSL é hsl(0, 0%, 0%) e em CMYK é 0, 0, 0, 100.

Qual é a cor complementar de preto?

A complementar no círculo cromático é #000000, um tom próximo de preto. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor preto?

Sim. O contraste com o branco é 21.0:1, suficiente para texto comum (WCAG AA).

Quais cores combinam com preto?

Combina bem com branco, dourado, vermelho, caramelo, rosa. Evite misturar com azul-marinho ou marrom muito escuro se não houver contraste claro, porque parece que não combinam. Usar só preto sem texturas pode ficar sem graça.