Explorar o catálogo de ferramentas - Design | Elysia Tools

Elysia Tools

Explore ferramentas, exemplos, explicações visuais e guias temáticos em um espaço claro.

Categorias populares

Temas

Idioma

ZH ES PT RU FR DE EN

Elysia Tools

Navegação

Ferramentas

Explorar o catálogo de ferramentas - Design

Pesquise e filtre o diretório de ferramentas por tarefa, formato e categoria, depois abra páginas detalhadas com entradas, exemplos e contexto claro. Categoria atual: Design.

1 2 3 4 5 6 7 Próximo

Visualizadores de arquivos103

Temas153

Etiquetas333

Matemática, datas e finanças613

Calculadoras, ferramentas numéricas, lógica de datas, estatística e finanças

Imagens, áudio e vídeo582

Ferramentas de processamento, conversão e otimização de imagens, áudio e vídeo

Design e cor291

Ferramentas de cor, layout, gráficos, estilo visual e apoio ao design

Texto e escrita204

Ferramentas de escrita, limpeza, formatação, extração e análise de texto

Desenvolvimento e Web172

Utilitários para desenvolvedores, rede, depuração web e automação

Conversão e codificação169

Ferramentas de conversão de formatos, arquivos, unidades, arquivos compactados e codificação

Ferramentas de codificacao e conversao de audio

Ferramentas de conversao de formatos de imagem e exportacao animada

Ferramentas de intercambio JSON e traducao de formatos

Ferramentas de conversao de espacos de cor para web e impressao

Ferramentas de conversão de caixa, codificação e normalização de texto

Documentação Preços Termos de serviço Política de privacidade Contato

Design

Compositor de grade de templates para redes sociais

Envie uma imagem mestra e receba o kit completo: Instagram (1:1 / 4:5 / 3:4 para o grid / Story / Reel), X (cabeçalho 1500×500 / feed), LinkedIn (banner pessoal / capa de empresa / imagem de post), YouTube (miniatura / banner do canal) e link do Facebook. Cada corte é pré-visualizado com sua máscara de zona segura verificada 2025-2026 (margens de Story, círculo de avatar do X, zona de avatar do LinkedIn, badge de duração do YouTube) e tudo sai em ZIP.

Design

Gerador de snippets CSS glassmorphism / neumorfismo

Gera de ponta a ponta o snippet CSS completo de glassmorphism ou neumorfismo: ajuste desfoque, saturação, opacidade da tonalidade, raio, borda, sombra externa e brilho superior; opcionalmente sobreposição de grão SVG feTurbulence e fallback @supports; inclui automaticamente o prefixo -webkit-backdrop-filter (obrigatório antes do Safari 18) e o mapeamento para classes Tailwind (com a nota v3/v4), com pré-visualização ao vivo sobre fundo em gradiente.

Design

Prévia de zona segura para redes sociais

Carregue uma imagem e pré-visualize como ela aparece no Instagram Feed/Story/Reels, TikTok, YouTube, X e LinkedIn — com overlays de zona segura mostrando exatamente quais pixels são cortados ou cobertos pela UI antes de publicar.

Design

Laboratório de Combinação de Fontes Web

Pré-visualize uma combinação de Google Fonts (título + corpo) com controles de peso e entrelinha, e copie um snippet CSS @import + variáveis pronto para colar. Registro curado de 22 fontes e 7 presets.

Design

Tabela de Tamanhos de Imagem para Redes Sociais

Referência 2026 de dimensões de imagem para Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest e WeChat, filtrável por plataforma.

Design

De paleta de imagem para design tokens

Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons

Design

Gerador de Anaglifo 3D Vermelho-Ciano

Gera anaglifos 3D vermelho-ciano a partir de fotos normais. Cria imagens estereoscópicas 3D visíveis com óculos 3D vermelho-ciano.

Design

Gerador de Mapa de Profundidade

Gera mapas de profundidade a partir de imagens usando análise de brilho, saturação e bordas. Cria mapas de profundidade em escala de cinza onde pixels mais claros indicam objetos mais próximos e pixels mais escuros indicam objetos mais distantes.

Design

Gerador de Animação Parallax

Gera animações parallax a partir de imagens. Cria animação baseada em profundidade onde diferentes camadas se movem em velocidades diferentes, criando um efeito 3D.

Design

Gerador de Estereogramas

Gera estereogramas 3D (Magic Eye) a partir de texto - cria imagens 3D ocultas que se revelam quando visualizadas corretamente

Design

Extrator de Paleta de Cores

Extraia uma bela paleta de cores de qualquer imagem

Design

Seletor de Cor de Imagem

Escolha cores de imagens especificando coordenadas. Obtenha valores de cor nos formatos HEX, RGB, HSL, HSV e CMYK.