Design e estilo

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.

Crie estilos de texto com gradiente, com pré-visualização em tempo real e CSS pronto para copiar.

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.

Encontre instantaneamente o nome da cor CSS para qualquer cor. Escolha qualquer valor HEX, RGB ou HSL e descubra sua cor nomeada W3C/CSS mais próxima com precisão perceptual.