Generierung von Neumorphismus-Objekten

Der Neumorphismus-Generator erzeugt den weichen, herausgearbeiteten Look, der als Neumorphismus oder Soft UI bekannt ist. Sie wählen eine Form — flach, gedrückt oder konvex — und stellen Abstand, Weichzeichner und Eckenradius über einer Hintergrundfarbe ein, und das Werkzeug erzeugt live den passenden box-shadow-CSS. Eine Vorschau zeigt genau, wie das Element wirkt, und ein kopierfertiger Codeblock enthält die Stile. Alles läuft in Ihrem Browser.

1. Wählen Sie eine Form: flach, gedrückt oder konvex 2. Stellen Sie die Hintergrundfarbe passend zu Ihrer Oberfläche ein 3. Passen Sie die Regler für Abstand, Weichzeichner und Eckenradius an 4. Verfolgen Sie die Echtzeit-Aktualisierung der Vorschau 5. Klicken Sie auf Kopieren, um den generierten CSS zu übernehmen

Neumorphismus wirkt am besten, wenn Element und Hintergrund dieselbe Farbe teilen, sodass die Schatten zu einem weichen 3-D-Effekt verschmelzen — wählen Sie eine Hintergrundfarbe nahe Ihrer Seite. Flach ergibt einen erhobenen Look, gedrückt lässt das Element einsinken, und konvex fügt einen dezenten Verlauf für ein rundes Gefühl hinzu. Kleinere Weichzeichnerwerte halten Kanten knackig, größere wirken weicher. Ein größerer Eckenradius rundet die Ecken für eine freundlichere Form.