Design & Farbe
Picker, Paletten, Verläufe und Kontrastprüfer.
Farbwähler & Konverter
Eine Farbe wählen und zwischen HEX, RGB, HSL und OKLCH umwandeln.
Neu Farbkontrast-Prüfer
WCAG-AA/AAA-Kontrastverhältnisse zwischen Text- und Hintergrundfarben prüfen.
Neu CSS-Verlaufsgenerator
Lineare, radiale und konische CSS-Verläufe mit Live-Vorschau erstellen.
Neu CSS-Box-Shadow-Generator
Mehrschichtige CSS-Box-Shadows mit Voreinstellungen und Live-Vorschau bauen. CSS, Wert oder React-Style sofort kopieren.
Neu Farbpaletten-Generator
Komplementäre, analoge, triadische und monochromatische Paletten erzeugen.
Neu Cubic-Bezier-Generator
Eine CSS-Easing-Kurve durch Ziehen von Kontrollpunkten gestalten — mit Live-Vorschau.
Neu Border-Radius-Generator
Abgerundete CSS-Ecken und organische Blob-Formen visuell gestalten.
Neu CSS-Flexbox-Playground
Flex-Eigenschaften mit Live-Vorschau anpassen und das CSS kopieren.
Neu CSS-Grid-Playground
Grid-Spalten, Abstand und Ausrichtung mit Live-Vorschau und CSS anpassen.
Neu Glassmorphism-Generator
Eine Milchglas-Karte gestalten und das CSS kopieren — mit Live-Vorschau.
Neu CSS-Text-Shadow-Generator
Einen CSS-Textschatten mit Live-Vorschau abstimmen und den Code kopieren.
Neu Farbmischer
Zwei Farben in beliebigem Verhältnis mischen und das Ergebnis oder jeden Schritt kopieren.
Neu Bild-Farbpicker
Wähle jede beliebige Farbe aus einem Bild und extrahiere die dominante Palette als HEX, RGB und HSL.
Neu Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Neu Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.