Degradê Preto

10 degradês de preto prontos, com o código CSS para copiar: do Ébano ao Preto, preto com branco e com cinza e preto com as cores que combinam com ele. Passe o mouse no card para ver os códigos de cada cor.
#555D50
#000000

Ébano para Preto

Do tom mais claro ao mais escuro de preto.

#555D50
#3B3C36
#28282B
#000000

Preto Tom Sobre Tom

Quatro tons de preto: Ébano, Azeitona Preta, Preto Mate, Preto.

#000000
#FFFFFF

Preto para Branco

Clareia até o branco.

#000000
#808080

Preto para Cinza

Do preto ao cinza médio, sem passar pelo branco.

#555D50
#3B3C36

Ébano para Azeitona Preta

O Ébano é 13 pontos mais claro que o Azeitona Preta (L* de 38 contra 25).

#333333
#100C08

Carvão Escuro para Preto Fumê

O Carvão Escuro é 18 pontos mais claro que o Preto Fumê (L* de 21 contra 4).

#000000
#FFD700

Preto para Dourado

Preto com uma das cores que combinam com ele.

#000000
#FF0000

Preto para Vermelho

Preto com uma das cores que combinam com ele.

#000000
#FFC0CB

Preto para Rosa (Pink)

Preto com uma das cores que combinam com ele.

#28282B
#000000

Preto Radial

Do centro para as bordas, o tom claro no meio.

Códigos CSS dos Degradês de Preto

Toque na linha para copiar o CSS do degradê preto.

Degradê CSS
Ébano para Preto linear-gradient(90deg, #555D50 0%, #000000 100%)
Preto Tom Sobre Tom linear-gradient(180deg, #555D50 0%, #3B3C36 33%, #28282B 67%, #000000 100%)
Preto para Branco linear-gradient(90deg, #000000 0%, #FFFFFF 100%)
Preto para Cinza linear-gradient(180deg, #000000 0%, #808080 100%)
Ébano para Azeitona Preta linear-gradient(135deg, #555D50 0%, #3B3C36 100%)
Carvão Escuro para Preto Fumê linear-gradient(135deg, #333333 0%, #100C08 100%)
Preto para Dourado linear-gradient(90deg, #000000 0%, #FFD700 100%)
Preto para Vermelho linear-gradient(90deg, #000000 0%, #FF0000 100%)
Preto para Rosa (Pink) linear-gradient(90deg, #000000 0%, #FFC0CB 100%)
Preto Radial radial-gradient(circle at center, #28282B 0%, #000000 100%)

Como Usar o Degradê Preto

Os degradês desta página usam 8 tons de preto com nome, do Ébano (#555D50) ao Preto (#000000).

No degradê Ébano para Preto, o texto branco tem pelo menos 4,5:1 de contraste (o mínimo para leitura, pela WCAG) do começo ao fim. Na ponta escura, chega a 21,0:1.

Nenhum dos pares fica acinzentado no meio: as pontas de cada degradê estão perto na roda de cores ou uma delas é neutra (branco, preto ou cinza). Com cores opostas, como preto e a complementar, ponha uma terceira cor no centro.

Para outros tons, veja os tons de preto e as paletas com preto, com nome e código, ou monte o seu degradê no Criador de Gradiente, que já abre com três tons de preto. O guia Degradê de cores: como criar um gradiente bonito explica os tipos linear, radial e cônico.