Tiny Online Tools
Ecken visuell formen statt Werte zu erraten
border-radius wirkt einfach, bis mehr gefragt ist als nur ein allgemein abgerundetes Rechteck. Mit diesem Generator lassen sich einzelne Ecken direkt anpassen und sofort im Ergebnis prüfen. Das spart Zeit beim Feinschliff von Buttons, Karten, Eingabefeldern und anderen UI-Elementen.
Was sich steuern lässt
Das Tool deckt die typischen Varianten von border-radius gut ab:
- ein gemeinsamer Wert für alle Ecken
- separate Werte pro Ecke
- Pixel- oder Prozentangaben
- schnelle Voreinstellungen für häufige Formen
Typische Einsatzfälle
Ein Border-Radius-Generator ist besonders nützlich, wenn Sie:
- sich enger an ein bestehendes Designsystem anlehnen möchten
- Pillen-, Kreis- oder organischere Formen testen
- wiederverwendbares CSS für Buttons und Karten bauen
- weniger in den Devtools herumprobieren wollen
Die Einheit beeinflusst den Eindruck stark
Pixel erzeugen eine feste Rundung, Prozentwerte reagieren stärker auf die Größe des Elements. Wenn eine Form in einer Komponente gut aussieht, in einer anderen aber nicht, lohnt sich ein schneller Test mit der jeweils anderen Einheit.