Todas as ferramentas
Gratuitas, rápidas, sem cadastro.
Explore 51 ferramentas gratuitas para designers e desenvolvedores. Gere CSS, converta cores, otimize imagens, formate código — tudo sem cadastro.
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
Gerador de tons e sombras
Gere tons e sombras de qualquer cor
Verificador de contraste
Verifique o contraste de cores WCAG
Misturador de cores
Misture duas cores e obtenha o resultado
Simulador de Daltonismo
Simule como as cores aparecem com 6 tipos de deficiência de visão cromática
Explorador RAL
Navegue os 221 cores RAL Classic por série
Explorador HEX
Navegue 120 cores por família de tom
Gerador de gradientes
Crie gradientes CSS e copie o código
Gerador box-shadow
Crie sombras CSS visualmente
Gerador border-radius
Crie formas border-radius personalizadas
Gerador glassmorphism
Crie efeitos glassmorphism instantaneamente
Gerador sombra texto
Crie efeitos text-shadow visualmente
Gerador de filtros CSS
Crie efeitos de filtro CSS visualmente
Gerador CSS Grid
Crie layouts CSS Grid visualmente
Criador Clip-Path
Crie formas CSS clip-path visualmente
Gerador neumorfismo
Crie efeitos neumorfismo soft UI
Conversor SVG para PNG
Converta SVG para PNG em qualquer resolução
Imagem para Base64
Converta qualquer imagem para Base64 instantaneamente
Gerador de favicon
Gere favicons em todos os tamanhos de qualquer imagem
Foto para esboço
Converta fotos em efeito de lápis com filtros CSS
Extrator de cores de imagem
Extraia as cores dominantes de qualquer imagem
Combinador de fontes
Encontre combinações perfeitas de Google Fonts
Gerador lorem ipsum
Gere texto de espaço reservado para seus designs
Gerador de Gradiente de Texto
Crie efeitos de texto com gradiente CSS background-clip.
Gerador de Escala Tipográfica
Gere escalas tipográficas modulares com variáveis CSS
Ferramenta de Espaçamento de Letras
Calibre espaçamento de letras, palavras e altura de linha com prévia ao vivo
Gerador Clamp de Tamanho de Fonte
Gere valores CSS clamp() fluidos para tamanhos de fonte responsivos
Gerador de Layout Multi-Coluna CSS
Gere layouts multi-coluna CSS com prévia ao vivo e código pronto para copiar
Conversor de Texto Unicode
Converta texto em 16+ variantes Unicode decorativas para redes sociais
Conversor Px para Rem
Converta pixels para rem e em
Codificador / Decodificador Base64
Codifique e decodifique strings Base64 instantaneamente
Calculadora de proporção
Calcule e converta proporções
Formatador JSON
Formate, valide e minifique JSON online
Conversor de Timestamp
Converta timestamps Unix para datas legíveis e vice-versa
Conversor de Unidades
Converta unidades de comprimento, peso, temperatura, área, volume e velocidade
Conversor de Unidades CSS
Converta entre px, rem, em, vw, vh e todas as unidades CSS
Conversor de Códigos de Cor
Converta códigos de cor entre HEX, RGB, HSL, HSV e CMYK instantaneamente
Gerador de formas blob
Gere formas blob orgânicas aleatórias como SVG
Gerador de ondas
Gere divisores de onda SVG para seu site
Gerador de Padrões CSS
Gere padrões de fundo CSS: pontos, linhas, grade, xadrez, diagonal
Gerador de Gradiente Mesh
Crie fundos gradiente mesh com 4 gradientes radiais sobrepostos
Gerador de Loader CSS
Gere animações de carregamento CSS: spinner, pontos, barras, pulse — CSS puro
Gerador de Botões CSS
Gere estilos de botão CSS: flat, outlined, gradient, shadow, pill com efeitos hover
Gerador de Divisores de Seção
Crie divisores de seção SVG: triângulo, diagonal, zigzag, curva, seta
Gerador de Barras de Progresso
Gere barras de progresso CSS: flat, listradas, gradiente e animadas
Gerador de Badges e Tags
Crie badges e tags CSS: estilos filled, outlined, soft com suporte a emoji
Gerador de Skeleton Screen
Gere skeleton screens CSS para layouts de card, lista, artigo e perfil
Gerador de Cards CSS
Projete cards CSS com sombra, border-radius, padding, borda e efeitos hover
Gerador de Textura Noise
Gere texturas noise e grain CSS via SVG feTurbulence como background-image
Por que usar as ferramentas PixCode?
PixCode oferece uma coleção crescente de 51 ferramentas online gratuitas para web designers, desenvolvedores frontend e profissionais criativos. Cada ferramenta funciona inteiramente no navegador — sem upload de dados, sem conta, sem custos ocultos.
Dos geradores CSS (gradientes, sombras, border-radius, glassmorphism, neumorphism) aos conversores de cores (HEX para RGB, HEX para RAL, paletas, contraste) e utilitários de imagem (SVG para PNG, Base64, favicon) — PixCode cobre todo o fluxo criativo.
Todas as ferramentas suportam 6 idiomas, oferecem pré-visualização ao vivo e produzem código limpo pronto para copiar.