Web e design

Ferramentas

• Conversor de tracking, espaçamento entre letras e entrelinha para CSS

  Informe o tamanho da fonte, o tracking em milésimos de em e a entrelinha em px para ver o letter-spacing em em e px e o line-height para CSS.

• Gerador de UTM

  Acrescente os parâmetros UTM a uma URL, com o encoding correto, sem mexer no resto do endereço.

• Gerador de slug: URL amigável a partir de um texto

  Transforme um título em slug: minúsculas, sem acento e com hífen entre as palavras, pronto para a URL.

• Gerador de paleta de cores por harmonia

  Gere paletas complementar, análoga, tríade, tetrádica ou monocromática a partir de uma cor.

• Gerador de meta tags e Open Graph

  Gere o title, a description e as tags Open Graph e Twitter Card da sua página, com o texto já escapado.

• Escala tipográfica modular e clamp() CSS fluido

  Gere os tamanhos de fonte de uma escala modular e os valores do clamp() CSS para o texto crescer com a largura da tela.

• Gerador de gradiente CSS

  Monte um gradiente linear ou radial com 2 ou 3 cores e copie o CSS background, com prévia.

• Gerador de box-shadow CSS

  Ajuste deslocamento, desfoque, espalhamento, cor e opacidade e copie o box-shadow, com prévia.

• Gerador de border-radius CSS

  Defina o raio de cada canto, em px ou %, e copie o border-radius na forma mais curta, com prévia.

• Conversor de cores: HEX, RGB e HSL

  Converta uma cor entre HEX, RGB e HSL, com ou sem transparência, direto no navegador.

• Contraste de cores (WCAG AA/AAA)

  Calcule a razão de contraste entre a cor do texto e a do fundo e veja se passa em WCAG AA e AAA.