Gerador Glassmorphism

Gere CSS glassmorphism — blur, transparência e bordas suaves para painéis foscos.

Desfoque (px)

16px

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Gerador Glassmorphism produz snippets com backdrop-filter para cards e navs “de vidro”.

Ajuste blur e opacidade, execute e copie o CSS. Confirme suporte a backdrop-filter no browser.

Ativa o JavaScript.