Pular para o conteúdo
ferramentas.top

Gerador de box-shadow

Ajuste a sombra (deslocamento, desfoque, expansão, cor) vendo o resultado e copie o CSS.

Seus dados são processados diretamente no seu navegador.

Sombras bonitas

Sombras suaves e realistas usam pouca opacidade (10–25%), bastante desfoque e um pequeno deslocamento para baixo. Expansão negativa deixa a sombra "por baixo" do elemento, como se ele flutuasse. inset desenha a sombra por dentro, útil para campos e botões pressionados.

Ferramentas relacionadas

Conversor de coresEscolha uma cor e converta entre HEX, RGB e HSL, com variações mais claras e mais escuras.Gerador de paleta de coresPaletas complementar, análoga, triádica, tetrádica e monocromática a partir de uma cor, com CSS pronto.Contraste de cores (WCAG)Verifique se o contraste entre texto e fundo atende às regras de acessibilidade WCAG AA e AAA.Gerador de gradiente CSSCrie gradientes lineares, radiais e cônicos com várias cores e copie o CSS.Formatador e validador de JSONFormate, valide e minifique JSON, com a posição exata do erro quando ele for inválido.Base64: codificar e decodificarConverta texto (UTF-8) e arquivos para Base64 e decodifique Base64 de volta.