Categorias
Design e Recursos
Gere cores, CSS e recursos visuais leves. Esta coleção reúne páginas utilitárias rápidas e focadas em uma tarefa.
75 ferramentas
Calculadora de Aspect Ratio
Calcule proporções simplificadas e valores CSS aspect-ratio.
Contrast Verificador
Calcule a taxa de contraste WCAG entre duas cores.
Conversor de Cor
Converta entre formatos de cor HEX, RGB e HSL.
Formatador de CSS
Formate CSS com indentação legível.
Formatador de SVG
Format SVG markup com consistent indentation.
Gerador CSS de borda com gradiente
Crie estilos CSS para bordas com gradiente de cor.
Gerador CSS para efeito hover em cartões
Crie um snippet CSS para efeitos hover em cartões.
Gerador CSS para Modal Backdrop
Gere efeitos CSS para fundos de modal.
Gerador CSS para painel glassmorphism
Crie CSS para painéis no estilo glassmorphism.
Gerador CSS para Skeleton Loader
Gere snippets CSS para Skeleton Loader.
Gerador CSS para Spinner Loader
Gere snippets CSS para Spinner Loader.
Gerador CSS para Toast
Gere estilos CSS para notificações Toast.
Gerador CSS para Tooltip
Gere snippets CSS para tooltips.
Gerador de Article Schema
Gerar Article JSON-LD schema.
Gerador de Barcode
Gerar barcode images para product IDs e codes.
Gerador de border-radius
Gere CSS de border-radius a partir de valores individuais de canto.
Gerador de Box Shadow
Gere valores CSS de box-shadow com deslocamentos e desfoque personalizados.
Gerador de Breadcrumb Schema
Gerar JSON-LD breadcrumb schema.
Gerador de CSS Button
Gerar styled CSS Botão code.
Gerador de CSS Clamp
Gere valores CSS clamp() fluidos para tipografia.
Gerador de CSS Filtro
Gere valores CSS de filtro com pré-visualização do efeito visual.
Gerador de CSS Gradient
Gere um gradiente linear e copie o CSS imediatamente.
Gerador de CSS Gradient Texto
Gerar CSS para gradient-colored Texto.
Gerador de CSS Grid
Gere layouts CSS Grid com colunas, espaçamento e tamanhos de linha.
Gerador de CSS para acordeão
Produza CSS para painéis de acordeão.
Gerador de CSS para Anel de Foco
Gere CSS acessível para anéis de foco.
Gerador de CSS para avatar stack
Produza stacks de avatares sobrepostos com CSS.
Gerador de CSS para Badge em Forma de Pílula
Gere CSS para estilos de badge em formato de pílula.
Gerador de CSS para Banner Marquee
Gere CSS para banners marquee em movimento.
Gerador de CSS para Botão com Outline
Gere CSS minimalista para botões com outline.
Gerador de CSS para botão hamburger
Produza estilos CSS para botões de menu hamburger.
Gerador de CSS para cartão com faixa (ribbon)
Produza CSS para cartões com badge de faixa.
Gerador de CSS para cartões de preços
Gere estilos CSS para cartões de preços.
Gerador de CSS para divisores de ondas
Gere snippets CSS e SVG para divisores ondulados.
Gerador de CSS para Formas Blob
Gere formas orgânicas tipo blob com CSS.
Gerador de CSS para fundo de herói
Gere CSS para fundos de hero.
Gerador de CSS para Indicadores de Status
Gere CSS para badges de status ao vivo.
Gerador de CSS para Linha do Tempo
Gere CSS para timelines verticais.
Gerador de CSS para Mesh Gradient
Gere CSS para fundos com mesh gradient.
Gerador de CSS para Noise Overlay
Gere estilos CSS para Noise Overlays.
Gerador de CSS para padrões de pontos
Gere padrões CSS para fundos pontilhados.
Gerador de CSS para Painel Neumórfico
Gere CSS para painéis no estilo Neumorphism.
Gerador de CSS para Progress Bar
Gere componentes CSS para barras de progresso.
Gerador de CSS para Range Slider
Gere CSS personalizado para Range Slider.
Gerador de CSS para Scrollbar
Gere CSS para barras de rolagem personalizadas.
Gerador de CSS para tab pills
Produza CSS para tabs arredondadas em formato de pills.
Gerador de CSS para tabelas Zebra
Gere CSS de listras zebras para tabelas.
Gerador de CSS para Text-Shadow
Gere text-shadow CSS de forma rápida e direta.
Gerador de CSS para Toggle Switch
Gere estilos CSS para toggle switches.
Gerador de CSS para Underline Link
Gere CSS para sublinhados animados em links.
Gerador de CSS Transform
Construa strings CSS transform a partir de valores de transformação comuns.
Gerador de Email Signature
Crie um bloco refinado de assinatura de e-mail.
Gerador de Event Schema
Gerar Event JSON-LD structured data.
Gerador de Favicon
Crie um favicon SVG simples a partir de iniciais e cores da marca.
Gerador de Flexbox
Gere CSS de contêiner flex com pré-visualização de layout ao vivo.
Gerador de Floating Label Entrada CSS
Gerar floating label Entrada CSS.
Gerador de grade de base
Gere valores de grade de base e CSS para um ritmo vertical limpo.
Gerador de Local Business Schema
Gerar LocalBusiness JSON-LD schema.
Gerador de paleta de cores
Gere gradações mais claras e mais escuras a partir de uma cor base.
Gerador de Placeholder SVG
Gere imagens SVG de espaço reservado personalizáveis.
Gerador de Product Schema
Gerar Product JSON-LD schema markup.
Gerador de QR Code
Gerar QR code imagem links para URLs e Texto.
Gerador de Robots Meta Etiqueta
Gerar robots meta etiquetas para indexing controls.
Gerador de Shadow Paleta
Gerar a 5-step CSS shadow scale.
Gerador de triângulo CSS
Gere triângulos CSS para setas e pequenos indicadores.
Gerador de Twitter Card
Gerar Twitter Card meta etiquetas para páginas.
Imagem Filtro Studio
Aplique filtros de cor e desfoque no navegador a uma imagem enviada.
Imagem Marca d'água
Carimbe texto em uma imagem localmente e exporte o resultado.
Imagem Paleta Extrator
Extraia cores dominantes de uma imagem enviada inteiramente no navegador.
Imagem para Favicon Pack
Gere um pacote PNG em tamanho de favicon a partir de uma imagem enviada no navegador.
Minificador de CSS
Minifique CSS removendo comentários e espaços em branco extras.
SVG Otimizador
Remova comentários e reduza espaços em branco na marcação SVG.
SVG para Base64
Converter SVG markup into Base64 e data URI Saída.
SVG para Data URI
Converta marcação SVG em um data URI pronto para CSS.
Visualizador SVG
Exiba marcação SVG bruta diretamente no navegador.