Design e estilo
64 ferramentas disponíveis
Carregue um arquivo de fonte personalizada (TTF, OTF, WOFF, WOFF2) e visualize como ele é renderizado. Teste com texto personalizado, altere tamanho, peso, cor, altura da linha, espaçamento de letras e visualize o espécime do alfabeto completo.
Desenhe e esboce diretamente no seu navegador com esta ferramenta de pintura online leve. Desfaça ou refaça traços, apague erros e salve sua obra de arte como imagem PNG.
Gere rótulos de informações nutricionais no estilo FDA para produtos alimentares com tamanhos de porção personalizáveis, calorias, macronutrientes, vitaminas e minerais. Baixe como imagem ou imprima.
Crie cartões de convite de casamento personalizados e bonitos com estilos, cores e texto personalizáveis
Crie lindos cartões de convite para festa de aniversário personalizáveis com balões, confete e designs divertidos. Baixe ou imprima instantaneamente.
Gere cores aleatórias com vários modos, incluindo pastel, vibrante, escuro, claro, quente, frio, neon, tons terrosos e esquemas de harmonia de cores como análogos, complementares e triádicos. Exporte cores nos formatos HEX, RGB, HSL ou como variáveis CSS.
Adicione marcas d'água de texto personalizadas às suas imagens. Proteja suas fotos com texto de direitos autorais, branding ou assinaturas. Personalize a cor do texto, contorno, plano de fundo e posição. Visualize em tempo real e baixe as imagens com marca d'água instantaneamente.
Converta imagens em pixel art com tamanho de pixel e paleta de cores personalizáveis
Gere efeitos realistas de ruído estático de TV com intensidade e modos de cor personalizáveis. Crie chiado vintage de tela de televisão CRT para vídeos, fundos ou projetos artísticos.
Gere recibos profissionais com suporte a código de barras. Crie recibos de loja personalizáveis com detalhes de itens, preços, cálculos de impostos e vários formatos de códigos de barras (CODE128, EAN-13, UPC, etc.).
Projete e baixe etiquetas de preço imprimíveis para produtos de varejo, prateleiras de lojas, promoções e vendas de garagem. Escolha um estilo, defina o preço, moeda, preço original opcional para descontos e cor de destaque, depois exporte a etiqueta como imagem PNG ou JPEG.
Crie cartões de visita profissionais com designs personalizáveis. Gere cartões elegantes com suas informações de contato, escolha entre vários estilos modernos e baixe como PNG ou JPEG.
Gere um script de animação de neve caindo personalizável para sites. Configure a quantidade, cor, tamanho, velocidade, opacidade dos flocos de neve, efeito de vento, desfoque e estilo de animação. Visualize o efeito ao vivo e copie o código JavaScript pronto para uso para adicionar belas animações de neve a qualquer página da web.
Gere texto Zalgo com intensidade personalizável. Adicione caracteres Unicode combinantes acima, através e abaixo do texto para criar efeitos de texto com falhas, corrompidos ou assustadores.
Calcule a retração da argila para cerâmica e olaria. Encontre dimensões finais após secagem e queima, ou determine qual tamanho fazer para alcançar as dimensões finais desejadas.
Gere sombreamento CSS.
Gere bordas CSS com prévia ao vivo.
Gerar consultas de mídia CSS responsivas para breakpoints, tamanhos de tela, orientações e recursos do dispositivo
Crie efeitos CSS scroll snap com visualização ao vivo. Gere contêineres de rolagem com pontos de ajuste para carrosséis, controles deslizantes e interfaces de rolagem suave
Verifique relações de contraste de cores para conformidade de acessibilidade.
Gere cores complementares e complementares divididas a partir de qualquer cor de entrada. Perfeito para criar esquemas de cores harmoniosos baseados na teoria das cores.
Gere conversas de chat falsas para mockups, demonstrações e design.
Preencha toda a sua tela com qualquer cor
Calcule as dimensões faltantes a partir da proporção. Insira uma proporção e uma dimensão para encontrar a outra.
Ordene uma lista de cores por diferentes critérios como matiz, saturação, luminosidade ou valores RGB.
Calcule a cor média de várias cores de entrada usando diferentes modos de espaço de cor (RGB, LAB, LCH, HSL).
Aplique efeito de filtro sépia a imagens com intensidade ajustável
Arredonde os cantos das imagens com raio personalizado. Crie fotos com cantos arredondados e fundos transparentes.
Adicione bordas personalizáveis às imagens com estilos sólido, tracejado, pontilhado ou duplo
Misture cores para criar novas cores.
Clareie uma cor por um fator especificado.
Escureça uma cor por um fator especificado.
Gere múltiplos tons e matizes a partir de uma cor base.
Calcule a diferença perceptiva entre duas cores usando a fórmula Delta E (ΔE) 2000. Compare cores e meça quão semelhantes ou diferentes elas aparecem ao olho humano.
Valide códigos de cor hexadecimais, detecte o tipo de formato e visualize informações detalhadas sobre a cor com valores RGB e HSL.
Gere filtros CSS para imagens com pré-visualização ao vivo.
Gere filtro backdrop CSS com pré-visualização ao vivo.
Calcule e visualize a curvatura do monitor a partir das especificações.
Gere imagens SVG de placeholder personalizáveis com texto, cores e dimensões para desenvolvimento web e mockups de design.
Compare e converta graduações de grafite entre diferentes marcas e escalas (HB, numérica, Staedtler, Faber-Castell, Derwent).
Converta entre unidades de comprimento CSS, incluindo pixels (px), centímetros (cm), milímetros (mm), polegadas (in), pontos (pt) e paicas (pc).
Pré-visualização interativa e referência para todos os valores de cursor CSS com demonstração ao vivo
Converte CSS legado do Internet Explorer para padrões modernos. Transforma automaticamente filtros específicos do IE (opacidade, gradientes), prefixos de fornecedor (-ms-), sintaxe antiga de flexbox/grid, hacks de seletor e propriedades proprietárias em CSS moderno e limpo.
Ajuste a transição de mola do Framer Motion com controles deslizantes, visualize o movimento e copie o snippet pronto.
Gere paletas de cores harmoniosas usando IA. Descreva o humor, tema ou estilo desejado e deixe a inteligência artificial criar um esquema de cores coeso com nomes e descrições para cada cor.
Descreva um elemento de interface em palavras e gere o código CSS correspondente.
Crie painéis personalizáveis para Twitch, Discord ou redes sociais. Gere imagens de aparência profissional para especificações de PC, regras, seções sobre e muito mais com vários estilos de design.
Gere páginas de teste de impressão personalizáveis para calibração de impressora e testes de qualidade. Crie páginas com barras de cores, gradientes de escala de cinza, marcas de alinhamento, amostras de texto e padrões de grade.
Gere e explore códigos de cor CMYK com controles deslizantes interativos. Crie cores CMYK personalizadas ou gere combinações aleatórias. Perfeito para design de impressão, branding e exploração de cores com conversão instantânea para RGB, HEX e outros formatos.
Gere grades de transparência CSS personalizáveis com padrões de tabuleiro de xadrez para exibir imagens e elementos transparentes
Crie pôsteres desmotivacionais personalizados com bordas pretas clássicas e texto
Gere imagens visuais de atalhos de teclado para tutoriais e documentação. Capture combinações de teclas, escolha o estilo Windows/Mac/Genérico e exporte como PNG, JPG ou WEBP. Perfeito para criar guias de ajuda, materiais de treinamento e documentação de software.
Converta estilos CSS em classes utilitárias do Tailwind CSS instantaneamente. Transforme a sintaxe CSS tradicional em classes Tailwind modernas. Perfeito para migrar projetos para Tailwind ou aprender equivalentes Tailwind de propriedades CSS.
Extraia as cores dominantes de imagens usando quantização de cores. Analise fotos para encontrar sua paleta de cores principal.
Crie belos gradientes CSS com opções lineares, radiais e cônicas. Visualize ao vivo e copie o código CSS gerado.
Gere imagens de relógio analógico personalizáveis com configurações de horário específicas. Baixe como PNG ou SVG.
Converta entre cores Tailwind CSS e formatos padrão como HEX, RGB, HSL. Encontre a cor Tailwind mais próxima para qualquer cor.
Converta negativos de filme em fotos positivas invertendo as cores. Transforme imagens de negativos digitalizados em fotografias normais e visualizáveis instantaneamente.
Remova cores específicas de imagens com tolerância configurável e suavização de bordas
Calcule dimensões de papel para séries ISO A, B, C e tamanhos US em milímetros, centímetros, polegadas, pixels e pontos
Gere folhas de cor sólida em página inteira para impressão. Escolha qualquer cor, selecione o tamanho e orientação do papel e imprima ou baixe como HTML.
Crie belas imagens de citações com fundos personalizados, fontes e estilos para redes sociais
Crie capturas de tela profissionais para Chrome Web Store com molduras de navegador, texto promocional e fundos personalizados para listagens de extensões
Carregue um arquivo de cursor personalizado (.cur, .ani, .png, .svg, .ico) e teste como ele se parece em uma área de visualização ao vivo.