Neumorphism Generator

Générez l'effet soft-UI néomorphique avec ses deux ombres opposées. Réglez la distance, le flou et la forme pour un rendu doux et tactile.

Paramètres

Aperçu

Soft UI

Code


            
            
            

Guide d'utilisation

Le néomorphisme simule un élément qui émerge ou s'enfonce dans le fond. Il combine une ombre foncée et une ombre claire diamétralement opposées, sur un fond de la même couleur que la page.

  • Le fond de l'élément doit être identique à celui de la page.
  • Attention au contraste : ce style peut nuire à l'accessibilité.

FAQ

Pourquoi l'effet ne marche pas sur fond blanc pur ?

Le néomorphisme a besoin d'un gris très clair pour que l'ombre claire reste visible. Utilisez par exemple #e0e5ec.

Le néomorphisme est-il accessible ?

Pas toujours : les contrastes sont faibles. Réservez-le aux éléments décoratifs ou renforcez le texte et les bordures.