Eckenradius-Generator
Eckenradius-Generator. Jede Ecke per Schieberegler anpassen und CSS kopieren.
Nützliche Werkzeuge im Browser.
Eckenradius-Generator. Jede Ecke per Schieberegler anpassen und CSS kopieren.
Verwende Box-Schatten · Generator direkt im Browser. Wähle Eingabe und Einstellungen und prüfe das Ergebnis.
Alpha-Farbmischung. Vordergrund über deckendem Hintergrund in kodiertem sRGB.
Farbenblindheit-Simulator. Dichromasie-Näherung nach Machado et al. (2009). Wahrnehmung variiert individuell. Graustufen zeigen separat die Leuchtdichte.
Farbabstand. CIE76 ΔE nutzt D50 Lab nach Bradford-Anpassung. Es misst Farbunterschied, nicht Kontrast oder Lesbarkeit.
Farbmischer. Kodiertes sRGB und lineares Licht ergeben andere Mischfarben. Der Anteil gilt für Farbe B.
Verwende Farbpalette · Generator direkt im Browser. Wähle Eingabe und Einstellungen und prüfe das Ergebnis.
Verwende Farbauswahl und Umrechnung direkt im Browser. Wähle Eingabe und Einstellungen und prüfe das Ergebnis.
Verwende Kontrastprüfung direkt im Browser. Wähle Eingabe und Einstellungen und prüfe das Ergebnis.
CSS-clamp-Generator. Export nutzt rem und vw. Wurzelschriftgröße der Seite einstellen. Die Vorschau simuliert die gewählte Breite.
CSS-Bézier-Editor. Punkte ziehen oder Pfeiltasten nutzen. Umschalt vergrößert den Schritt.
CSS-Filter-Generator. Filter anpassen und Vorschau mit erzeugtem CSS vergleichen.
Verwende CSS-Verlauf · Generator direkt im Browser. Wähle Eingabe und Einstellungen und prüfe das Ergebnis.
SVG zu Daten-URI. Lokales SVG wählen oder Quelltext einfügen; dann Vorschau, Zoom und Download starten.
SVG-Betrachter. Lokales SVG wählen oder Quelltext einfügen; dann Vorschau, Zoom und Download starten.
Textschatten-Generator. Position, Unschärfe, Farbe und Deckkraft des Textschattens anpassen.
Typografische Skala. Basisgröße, Verhältnis und Stufen für CSS-Schriftgrößen festlegen.