Seletor de Cores e Gerador de Paletas
Escolha cores nos formatos HEX, RGB e HSL; crie paletas harmoniosas e gradientes atraentes.
Gerador de Gradientes CSS
Crie gradientes lineares e radiais com ângulos personalizados, múltiplos pontos de cor e exportação imediata do código CSS.
Canvas de gradiente em tempo real
135° LinearPrévia de gradiente CSS
linear-gradient(135deg, #FF512F 0%, #DD2476 100%)
Tipo e direção do gradiente
Ângulo (graus)135°
0°90°180°270°360°
Predefinições populares
Paleta de pontos de cor
Posição0%
Posição100%
Código CSS gerado
background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%);Como Usar?
Escolher Tipo de Gradiente
Selecione Linear ou Radial e configure o ângulo ou a forma.
Ajustar Pontos de Cor
Adicione cores, escolha tonalidades e deslize as percentagens de posição.
Copiar CSS
Copie o código CSS limpo do fundo com um clique.
Dicas e Truques
- •Verifique o texto sobre todo o gradiente. A zona de menor contraste determina a legibilidade.
Ferramentas Relacionadas
Conta-Gotas e Extrator de Cores de Imagens
Envie fotos ou gráficos e clique em qualquer pixel para capturar os códigos de cor exatos em HEX e RGB.
Gerador de QR Code Personalizado
Gere códigos QR em alta resolução nos formatos PNG e SVG para sites, Wi-Fi, textos e contatos.
Gerador de Favicon e Ícones para Web Apps
Gere ícones 16x16, 32x32, Apple Touch Icons (180x180) e ícones PWA para Android a partir do seu logotipo.
Avaliações e Comentários de Usuários
Compartilhe sua experiência anonimamente. Moderado automaticamente por IA.
Avaliações Aprovadas (0)