Gerador de Paleta de Gradiente
Gere uma paleta de gradiente em múltiplos passos entre dois valores hex. Exporte como CSS, lista hex ou propriedades personalizadas.
Perguntas frequentes
O que é uma paleta de gradiente?
Uma paleta de gradiente é um conjunto de cores interpoladas uniformemente entre uma cor inicial e uma cor final. Cada passo é calculado misturando linearmente os canais vermelho, verde e azul, produzindo uma progressão suave de tons útil para sistemas de design, visualização de dados e componentes de interface.
Como usar o gradiente CSS exportado?
A exportação CSS produz um valor linear-gradient() que pode ser colado diretamente em uma propriedade CSS de fundo. A lista hex fornece cada passo como código de cor independente. A exportação de variáveis CSS gera declarações de propriedades personalizadas (--color-0 a --color-N) referenciáveis em toda a folha de estilo.
Por que a cor do meio parece diferente do esperado?
A interpolação é feita no espaço de cor sRGB, padrão para gradientes CSS. Como a percepção de cores humana é não linear, um ponto médio exato em RGB pode parecer mais claro ou mais escuro do que intuitivamente esperado.