Crie gradientes CSS lineares, radiais ou cónicos com pré-visualização ao vivo. Ajuste cores e direção, depois copie o CSS.
Escolhe um tipo de gradiente (linear, radial ou cónico), adiciona paragens de cor, ajusta as suas posições e vê o resultado em tempo real. A propriedade CSS background gerada está pronta para copiar e colar diretamente no teu projeto.
Seleciona um tipo de gradiente, ajusta o ângulo (para linear/cónico), clica nas amostras de cor para as alterar e arrasta os controlos para definir as posições. Clica em + Adicionar cor para mais paragens. Copia o CSS do bloco escuro à direita.
Um gradiente cónico roda cores em torno de um ponto central. É útil para gráficos circulares, rodas de cores, efeitos de mostrador e qualquer design onde as cores transitam em varrimento.
Quantas queiras — clica em + Adicionar cor para inserir paragens adicionais. O CSS é válido independentemente de quantas paragens usas.
Esta ferramenta funciona inteiramente no seu navegador. Nada do que escreve ou cola é enviado para qualquer servidor — todo o processamento ocorre localmente no seu dispositivo.