Úteis — Tudo o que você precisa, em um só lugar.

Gerador de gradiente CSS

Crie gradientes lineares, radiais e cônicos com várias paradas de cor e pré-visualização em tempo real.

Como utilizar

  1. Escolha o tipo de gradiente.
  2. Ajuste ângulo/posição.
  3. Adicione e posicione as paradas de cor.
  4. Copie o CSS.

Informações técnicas

  • Inclui cor sólida de fallback antes do gradiente.

Ferramentas relacionadas

  • Conversor de cores HEX, RGB e HSL — Converta cores entre HEX, RGB, HSL, HSV e CMYK, verifique o contraste WCAG e gere tons e sombras.
  • Gerador de box-shadow — Crie sombras CSS com várias camadas, sombras internas, desfoque, expansão e opacidade, vendo o resultado ao vivo.
  • Gerador de border-radius — Ajuste o arredondamento de cada canto, inclusive elíptico, em px, % ou rem, com CSS abreviado automaticamente.
  • Analisador de URL — Decomponha uma URL em esquema, host, porta, caminho, parâmetros decodificados e fragmento, edite e reconstrua.
  • Analisador de User-Agent — Descubra navegador, motor, sistema operacional e tipo de dispositivo a partir de uma string User-Agent.
  • Comparador de JSON (JSON Diff) — Compare dois JSON e veja o que foi adicionado, removido ou alterado em cada caminho, com opção de ignorar a ordem de arrays.