Ferramentas gratuitas para
designers & devs
Geradores CSS · ferramentas de cor · conversores de imagens · tipografia · e mais
PixCode é um toolkit gratuito baseado em navegador com 41 ferramentas para designers e desenvolvedores. Gere gradientes CSS, converta HEX para RGB, crie paletas de cores, projete blobs SVG, formate JSON e muito mais — sem cadastro.
Cada ferramenta funciona inteiramente no navegador: sem upload, sem conta, sem custo.
Ferramentas populares
Gerador de paletas
Gere paletas de cores instantaneamente
Conversor Hex para RGB
Converta HEX para RGB, HSL e HSV
Conversor Hex para RAL
Encontre a cor RAL mais próxima de qualquer HEX
Explorador RAL
Navegue os 221 cores RAL Classic por série
Explorador HEX
Navegue 120 cores por família de tom
Gerador de tons e sombras
Gere tons e sombras de qualquer cor
Novo
Gerador border-radius
Crie formas border-radius personalizadas
Gerador de ondas
Gere divisores de onda SVG para seu site
Foto para esboço
Converta fotos em efeito de lápis com filtros CSS
Gerador CSS Grid
Crie layouts CSS Grid visualmente
Gerador de Gradiente de Texto
Crie efeitos de texto com gradiente CSS background-clip.
Atualizado
Explorar mais ferramentas
Do blog
Como Construir uma Paleta de Cores de Marca Consistente do Zero
Guia passo a passo para escolher sua cor primária de marca, gerar harmonias, verificar contraste WCAG e exportar variáveis CSS.
Ler artigo → Color Theory · 8 minRAL vs Pantone vs HEX: qual sistema de cor usar e quando
Uma comparação completa e honesta dos sistemas de cor RAL, Pantone e HEX. Fundamentos técnicos, casos de uso e como escolher o certo para o seu projeto.
Ler artigo → CSS · 15 minGuia completo de sombras CSS: box-shadow, drop-shadow e text-shadow explicados
Domine as três técnicas de sombra CSS. Diferenças, parâmetros, padrões reais e dicas de performance com exemplos ao vivo.
Ler artigo →