Geradores de efeitos CSS, paletas e tokens de design

Gerador de Filtro de Fundo CSS

Gera propriedades de filtro de fundo CSS para efeitos de vidro fosco

Gerador de Raio de Borda CSS

Gera propriedades de raio de borda CSS

Gerador de Sombra de Caixa CSS

Gera propriedades de sombra de caixa CSS

Gerador de Caminho de Recorte CSS

Gera propriedades de caminho de recorte CSS para formas personalizadas

Gerador de Filtros CSS

Gera propriedades de filtro CSS

Gerador de Sombra de Texto CSS

Gera propriedades de sombra de texto CSS

Gerador de Transformação CSS

Gera propriedades de transformação CSS

Gerador de Cor

Gera cores aleatórias e paletas de cores

Gerador de Esquemas de Cores

Gera esquemas de cores e paletas profissionais para projetos de design

Cores Analógicas

Gerar esquemas de cores análogas harmoniosas com cores adjacentes na roda de cores, criando combinações unificadas e pacíficas

Complemento de Cor

Encontrar cores complementares e criar esquemas harmoniosos com relacionamentos triádicos, tetraédricos e análogos

Ferramenta de Cores Complementares Divididas

Criar contraste harmonioso com esquemas de cores complementares divididas usando uma cor base e duas cores adjacentes ao seu complemento

Ferramenta de Tétrade de Cores

Gerar esquemas de cores tétricas com quatro cores dispostas em padrões retangulares na roda de cores, criando relacionamentos de cores ricos e complexos

Ferramenta Tríade de Cores

Gere esquemas de cores triádicas com três cores equidistantes na roda de cores, criando combinações vibrantes e equilibradas

Gerador de Tons de Cor

Gere variações mais claras de uma cor adicionando branco, criando tons brilhantes e aéreos para estéticas de design frescas

Gerador de Sombras de Cor

Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design

Deslocador de Matiz de Cor

Desloque matizes de cores e crie variações com controles de rotação horária/antihorária

Clarear/Escurecer Cor

Ajuste o brilho das cores e crie variações

Saturação/Dessaturação de Cor

Ajuste a saturação das cores e crie variações de saturação

Gerador de Cores Neon

Gere cores neon vibrantes e brilhantes com alta saturação e brilho, criando efeitos de luz elétrica chamativos perfeitos para telas digitais e design moderno

Gerador de Cores Pastel

Gere cores pastel suaves e delicadas com saturação reduzida e luminosidade aumentada para criar paletas delicadas e soothing

Extrator de paleta de cores da imagem

Envia uma imagem, extrai cores dominantes e exporta tokens prontos para codigo com checagem de contraste

Verificador de contraste de paleta acessivel

Audita combinacoes de cores segundo WCAG 2.1 AA e AAA e sugere ajustes

Verificador de acessibilidade para visao de cores

Mede contraste WCAG, simula deficiencias de visao de cor e destaca areas de baixo contraste em capturas.

Gerador de cascata de tokens de cor

Transforma um hex principal em uma cascata completa de tokens, variaveis CSS e JSON de Style Dictionary

Exemplos SVG

Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG

13 Exemplos

design, css

Exemplos JPG

Imagens JPG de exemplo em diferentes proporções e resoluções

12 Exemplos

design, css

Exemplos PNG

Imagens PNG de exemplo em diferentes proporções e resoluções

12 Exemplos

design, css

Exemplos WebP

Imagens WebP de exemplo em diferentes proporções e resoluções

12 Exemplos

design, css