Design & CSS
Design- & CSS-Tools: Farbverläufe, Paletten, Kontrast, Schatten, Glassmorphism, Flexbox/Grid, Cubic-Bezier und mehr.
Gradient-Generator
CSS-Farbverläufe erzeugen und kopieren.
Farbpaletten-Generator
Harmonische Farbpaletten aus einer Basisfarbe.
Kontrast-Checker
WCAG-Kontrastverhältnis zweier Farben prüfen.
Box-Shadow-Generator
CSS box-shadow visuell erzeugen.
Border-Radius-Generator
CSS border-radius visuell erzeugen.
Favicon-Generator
Favicons aus Text oder Emoji erzeugen (PNG).
Farb-Konverter
Farben zwischen HEX, RGB und HSL umrechnen (auch CSS-Farbnamen).
Glassmorphism-Generator
Milchglas-Effekt (backdrop-filter) mit Live-Vorschau und CSS.
Neumorphism-Generator
Soft-UI-Schatten (neumorph) mit Live-Vorschau und CSS.
Flexbox-Generator
Flexbox-Layout per Steuerelementen bauen — Vorschau und CSS.
CSS-Grid-Generator
CSS-Grid (Spalten/Zeilen/gap) bauen — Vorschau und CSS.
Clip-Path-Generator
CSS clip-path (Dreieck, Stern, Sechseck …) mit Live-Vorschau und CSS.
Cubic-Bezier-Editor
CSS-Easing-Kurve (cubic-bezier) visuell bearbeiten — mit Vorschau-Animation.
CSS-Animation-Generator
CSS-Keyframe-Animationen (Fade, Slide, Bounce …) mit Live-Vorschau und @keyframes-Code.
Farbenblindheit-Simulator
Wie wirken Farben bei Farbsehschwäche? Simulation für Protanopie, Deuteranopie, Tritanopie und Achromatopsie.
Schriftarten-Paarung
Überschrift- und Text-Schriften kombinieren (web-sichere Stacks, keine externen Fonts) — Live-Vorschau und CSS.