Aller au contenu principal

    Utilitzem galetes

    Utilitzem galetes per millorar la teva experiència.

    Saber-ne més a la nostra Galetes i Privadesa

    Glassmorfisme

    Genera efectes de glassmorfisme amb CSS. Utilitza Glassmorfisme gratis en línia, sense registre, amb resultats ràpids i processament segur al navegador.

    Vista prèvia

    Glassmorphism

    Efecte de vidre mat modern

    Configuració

    Codi CSS

    .glass {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

    Glassmorfisme t’ajuda a treballar amb colors directament al navegador.

    L’eina està pensada per a dissenyadors, desenvolupadors i creadors que necessiten resultats ràpids i fiables.

    Supported formats

    CSS
    Tailwind
    SCSS

    How it works

    1

    Step 1

    Obre Glassmorfisme

    2

    Step 2

    Introdueix o importa els colors

    3

    Step 3

    Copia, exporta o reutilitza el resultat

    Errors comuns a evitar

    • Oblidar comprovar el contrast pot perjudicar la llegibilitat.
    • Fer servir massa colors pot dificultar l’ús de la paleta.

    Consells pro

    • Desa els colors principals com a variables CSS.
    • Prova la paleta en mode clar i fosc abans de publicar.

    Privacy guaranteed: everything is processed locally in your browser.

    El processament es fa localment al navegador sempre que és possible. No cal cap compte.

    Glassmorfisme per als teus projectes de color

    Genera efectes de glassmorfisme amb CSS.

    Glassmorfisme sense pèrdua de precisió

    Les conversions s'executen amb valors exactes (HEX, RGB, HSL, OKLCH). Sense aproximació visual: obtens el color fidel a la teva intenció de disseny.

    Glassmorfisme gratis en línia

    Sense registre, sense baixar programari. Glassmorfisme és 100% gratuït i funciona a qualsevol navegador. El pla gratuït inclou 10 usos al dia.

    Glassmorfisme ràpid i segur

    El processament es fa directament al navegador per a màxima velocitat. No s'envia cap dada als nostres servidors: els teus colors són privats.

    Glassmorfisme per compartir i col·laborar

    Exporta resultats com HEX, RGB, HSL, CSS, JSON o copia'ls amb un clic. Ideal per compartir guia de color amb el teu equip.

    Descobreix totes les nostres eines de color

    Extreu, converteix, genera paletes, degradats i contrastos WCAG en pocs clics.

    Veure totes les eines

    Related tools

    Neumorfisme
    Ombres de color
    Degradat CSS
    Degradat mesh

    Guies i tutorials

    Aprèn a utilitzar les nostres eines amb les nostres guies detallades.

    glassmorphism: guia pràctica de effects

    Guia localitzada per utilitzar glassmorphism, entendre bones pràctiques de effects i evitar errors comuns.

    glassmorphism: guia pràctica de effects

    Guia localitzada per utilitzar glassmorphism, entendre bones pràctiques de effects i evitar errors comuns.

    glassmorphism: guia pràctica de effects

    Guia localitzada per utilitzar glassmorphism, entendre bones pràctiques de effects i evitar errors comuns.

    Frequently asked questions

    Sí, l’eina està disponible gratis en línia.

    El processament es fa al navegador sempre que és possible per protegir les dades.