#FF0000
#0000FF

Gerador de gradientes

2 20

Predefinições

Gradiente CSS

Cores do gradiente

HEX
RGB
HSL
HEX
RGB
HSL
HEX
RGB
HSL
HEX
RGB
HSL
HEX
RGB
HSL

Sobre o gerador de gradientes

Esta ferramenta cria gradientes de cor suaves entre duas ou mais cores. Ajuste o número de passos para controlar quantas cores intermediárias são geradas.

Como funcionam os gradientes

As cores são interpoladas no espaço de cor RGB para criar transições suaves. Adicionar uma cor intermediária cria um gradiente de múltiplas paradas com transições de cor mais complexas.

Dicas

  • Use cores complementares para gradientes vibrantes
  • Adicione uma cor intermediária para criar transições de cor mais complexas
  • Copie o código CSS do gradiente para usá-lo diretamente em suas folhas de estilo