🌈 Dev

Gerador de Gradiente CSS

Crie gradientes lineares e radiais para CSS com prévia em tempo real. Ajuste cores, posições e ângulo. Copie o código CSS com um clique.

Linear Radial

Ângulo 90°

0°90°180°270°360°

CSS

Como usar?

Escolha o tipo de gradiente (linear ou radial), ajuste as cores e posições das paradas e copie o código CSS gerado. Cole diretamente na propriedade background ou background-image do seu elemento.

Ferramentas Relacionadas

🔍

Decodificador Pix

Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.

🔍

Buscador de Ícones

Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.

🔐

Formatador .env

Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.