Ferramentas de design

Sobre estas ferramentas

Todas as 36 ferramentas desta seção são grátis, funcionam no navegador de qualquer dispositivo e não exigem cadastro.

• Conversor de HEX para RGB: Converta códigos de cor HEX para RGB e veja a mesma cor em HSL, HSV, CMYK, OKLCH e seu nome.
• Conversor de RGB para HEX: Converta cores rgb(…) em códigos HEX, além de todos os outros formatos de cor.
• Conversor de HEX para HSL: Converta cores HEX para HSL, com tons mais claros e mais escuros.
• Verificador de contraste de cores: Verifique as cores do texto e do fundo segundo WCAG AA/AAA e receba as cores mais próximas que passam.
• Simulador de daltonismo: Veja uma imagem ou suas cores como as pessoas com daltonismo veem.
• Gerador de paletas de cores: Gere esquemas de cores, trave as cores de que gostar, extraia uma paleta de uma foto e verifique o contraste do texto.
• Gerador de fundos em gradiente: Crie gradientes lineares, radiais, cônicos e mesh, escolha da galeria, copie o CSS ou baixe um papel de parede.
• Gerador de glassmorphism: Crie cards com efeito de vidro fosco, com prévia ao vivo, e copie o CSS.
• Gerador de neumorphism: Crie botões e cards suaves com aparência 3D (soft UI) e copie o CSS.
• Gerador de padrões CSS: Listras, bolinhas, grades, xadrez, zigue-zague e mais, como fundos em CSS puro ou SVG.
• Gerador de formas SVG: Estrelas, polígonos, selos e explosões em SVG ou PNG.
• Gerador de blobs SVG: Formas orgânicas aleatórias (blobs) para fundos e ilustrações, em SVG ou PNG.
• Gerador de ondas SVG: Ondas em camadas para divisores de seção e fundos, em SVG, PNG ou CSS.
• Criador de pixel art: Desenhe pixel art em uma grade com modo espelho, preenchimento e desfazer, e baixe um PNG nítido.
• Gerador de arte ASCII: Transforme texto em letras ASCII grandes (várias fontes) ou uma foto em arte ASCII.
• Gerador de favicon e ícones de app: Todos os tamanhos de ícone a partir de uma imagem: favicon.ico, Apple touch icon, ícones Android e PWA, com o código HTML.
• Visualizador de favicon: Veja como seu ícone fica nas abas do navegador (claro e escuro), favoritos, resultados do Google e tela inicial do celular.
• Criador de banners para redes sociais: Crie banners para YouTube, LinkedIn, X e Facebook nos tamanhos exatos, com as áreas seguras indicadas.
• Moldura para foto de perfil: Adicione um anel colorido e texto curvo (como CONTRATANDO ou o nome de um evento) ao redor da sua foto de perfil.
• Combinador de fontes: Pares de fontes para títulos e corpo de texto escolhidos a dedo, incluindo árabe, com prévia ao vivo e CSS.
• Designer de QR code: QR codes personalizados: cores, gradientes, formatos de pontos e cantos, logo e moldura “Escaneie”.
• Criador de logo e gerador de logo para empresas: Crie um logo simples a partir de um nome, um ícone e suas cores, e baixe como SVG ou PNG.
• Gerador de tons claros e escuros: Tons mais claros, mais escuros e mais suaves de qualquer cor, com variáveis CSS.
• Misturador de cores: Misture duas cores em qualquer quantidade e veja o resultado em HEX, RGB, HSL e OKLCH.
• Roda de cores e harmonias: Esquemas de cores complementares, análogas, triádicas e outras a partir de uma roda de cores.
• Grade de contraste de cores: Verifique de uma vez todos os pares de texto e fundo da sua paleta de acordo com o WCAG.
• Nomes de cores CSS: Todos os 148 nomes de cores CSS com seus códigos e o nome mais próximo de qualquer cor.
• Kelvin para RGB (temperatura de cor): Transforme a temperatura de cor de uma luz (2700 K, 6500 K…) na cor HEX e RGB.
• Gerador de paleta de cores Tailwind: Crie uma escala de cores Tailwind CSS de 50 a 950 a partir da cor da sua marca, para a v3 ou v4.
• Gerador de paleta de cores Material: Paletas tonais no estilo Material 3 e funções de cor claras e escuras a partir de uma cor base.
• Gerador de escala de sombras: Crie um conjunto de sombras combinando (níveis de elevação) como variáveis CSS.
• Gerador de escala de cores: Transições suaves entre duas cores para gráficos, mapas e degradês.
• Gerador de texto com degradê: Crie texto com degradê colorido em CSS, ou baixe-o como PNG transparente.
• Extrair cores de uma imagem: Descubra as cores principais de uma foto ou logo, com a proporção de cada uma.
• Verificador de paleta segura para daltonismo: Verifique se pessoas daltônicas conseguem distinguir as cores da sua paleta.
• Gerador de cor aleatória: Cores aleatórias, vívidas, pastel, escuras ou terrosas, com nomes, códigos HEX e bloqueios.