Ferramentas online gratuitas que funcionam no seu navegador
19 ferramentas gratuitas de Color & Design que funcionam 100% no seu navegador. Sem uploads, sem registo, sem instalação — os seus dados nunca saem do seu dispositivo.
Seletor de cores (Color Picker)
Escolha uma cor e copie na hora os valores HEX, RGB e HSL. Gere tons claros e escuros úteis para fundos, bordas e estados da interface.
Conversor HEX RGB
Converta cores entre HEX, RGB(A) e HSL(A) com atualização ao vivo, suporte a alfa e valores CSS prontos para copiar.
Gerador de Paletas de Cores
Gere paletas de cores harmoniosas a partir de uma cor base, com esquemas complementares, análogos, triádicos e monocromáticos, diretamente no navegador.
Gerador de gradientes CSS
Crie gradientes CSS lineares e radiais com várias paradas de cor, pré-visualização ao vivo e código CSS background pronto para copiar.
Gerador de Box Shadow
Crie sombras CSS box-shadow com controlos de deslocamento, desfoque, propagação, cor, opacidade e modo inset, com pré-visualização em tempo real.
Verificador de contraste (Contrast Checker)
Verifique a relação de contraste WCAG entre a cor do texto e do fundo, com resultados AA e AAA de aprovado ou reprovado e pré-visualização ao vivo.
Gerador de tons Tailwind
Gere uma escala de 11 tons no estilo Tailwind (50-950) a partir de uma cor HEX base, com variáveis CSS e JSON prontos para copiar.
Gerador de filtros CSS
Crie efeitos CSS filter() de forma visual com controles deslizantes de desfoque, brilho, contraste, escala de cinzentos, rotação de matiz e muito mais.
Gerador de Border Radius
Crie valores CSS border-radius padrão e elípticos com pré-visualização em tempo real e código CSS pronto para copiar, tudo no seu navegador.
Gerador de Glassmorphism
Crie CSS de cartões de vidro fosco com controlos de desfoque, transparência, tonalidade, contorno e raio, diretamente no seu navegador.
Gerador de Neumorfismo
Gere CSS neumórfico de soft UI com sombras emparelhadas, cor da superfície, raio e formas planas, côncavas ou convexas, diretamente no navegador.
Gerador de Duotone
Aplique um efeito duotone de duas cores a uma imagem no navegador e exporte o resultado como PNG, sem enviar nada para nenhum servidor.
Misturador de cores — Misture duas cores
Misture duas cores com a proporção RGB que quiser e copie os valores HEX, RGB e HSL do resultado diretamente no navegador.
Localizador de nomes de cor CSS
Encontre o nome de cor CSS mais próximo de qualquer valor HEX através da distância RGB, com amostras de cor e botões de cópia.
Gerador de temas CSS
Escolha as cores da sua marca e gere no cliente um tema :root com propriedades personalizadas CSS, incluindo tokens derivados de hover, borda e superfície.
Gerador de Ondas SVG
Crie ondas SVG em camadas com amplitude, complexidade, suavidade e cores ajustáveis. Copie o SVG ou o CSS, ou faça o download em SVG e PNG.
Gerador de Blobs
Gere blobs SVG orgânicos e aleatórios com pontos, aleatoriedade, preenchimentos em gradiente e contornos ajustáveis. Copie o SVG ou faça o download em PNG.
Gerador de Mesh Gradient
Crie mesh gradients com 3 a 6 pontos de cor arrastáveis, desfoque e ruído. Copie o CSS ou faça o download de uma imagem PNG.
Gerador de CSS Clip-Path
Edite formas CSS clip-path visualmente com predefinições, pontos de polígono arrastáveis e barras deslizantes. Copie o CSS clip-path.