Toolipedia
DE
← Alle Text-Tools

Schattenskala-Generator

Einen Satz passender Box-Schatten (Erhebungsstufen) als CSS-Variablen erstellen.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über Schattenskala-Generator

Design-Systeme verwenden eine Reihe von Erhebungsstufen statt zufälliger Schatten. Dieses Tool erstellt passende box-shadow-Werte von klein bis groß mit einheitlichem Winkel, Unschärfezuwachs und einheitlicher Deckkraft und gibt sie als CSS Custom Properties wie --shadow-sm und --shadow-lg aus, damit Karten, Menüs und Modals stimmig bleiben.

So verwenden Sie Schattenskala-Generator

  1. Legen Sie oben die Optionen fest. Das Ergebnis wird live aktualisiert.
  2. Passen Sie alles an, bis es genau stimmt.
  3. Kopieren Sie das Ergebnis oder laden Sie es herunter.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Warum mehrschichtige Schatten statt eines einzigen verwenden?

Mehrere weiche Schatten mit wachsender Unschärfe wirken natürlicher als ein einzelner kräftiger, denn echtes Licht erzeugt sowohl einen engen Kontaktschatten als auch einen breiten Umgebungsschatten.

Ist Schattenskala-Generator kostenlos?

Ja. Schattenskala-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Ähnliche Tools