Degradê a partir de imagem

Envie uma foto e transforme-a em um degradê com as cores dela. Copie o código CSS ou ajuste no gerador de degradês.

Paleta

5 cores

Arraste cada ponto para capturar uma cor diferente da foto.

Como criar um degradê a partir de uma foto

Envie a fotoUm pôr do sol, uma paisagem ou qualquer foto com cores de que você goste.
Escolha as coresTeste os modos Vivas, Suaves ou Claras, ou arraste os pontos. O degradê vai do escuro ao claro.
Copie o CSSCopie o linear-gradient ou abra no gerador para mudar o ângulo ou deixá-lo radial.

Para degradês suaves use 3 ou 4 cores próximas; muitas cores bem diferentes deixam a transição brusca.
Pôr do sol, mar e céu dão os degradês mais naturais.
Se houver texto por cima, confira o contraste com a cor mais clara e a mais escura no verificador de contraste.
No gerador de degradês você também pode baixá-lo como papel de parede.

Como uso o CSS?

Cole a linha background: linear-gradient(...) no estilo do seu elemento. Funciona em todos os navegadores atuais.

Posso mudar a direção?

Sim. Abra o degradê no gerador e escolha o ângulo, o tipo radial ou o modo malha.

Quantas cores ele usa?

Até 6, ordenadas por luminosidade para a transição ficar natural.