Design e estilo

41 ferramentas disponíveis


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.
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.).
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
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).
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.
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.