Kostenlose Online-Tools, die in Ihrem Browser laufen
19 kostenlose Tools von Color & Design, die zu 100 % in Ihrem Browser funktionieren. Kein Upload, keine Anmeldung, keine Installation – Ihre Daten verlassen nie Ihr Gerät.
Farbwähler (Color Picker)
Wählen Sie eine Farbe und kopieren Sie sofort HEX-, RGB- und HSL-Werte. Erzeugen Sie Tints und Shades für Hintergründe, Rahmen und UI-Zustände.
HEX-RGB-Konverter
Konvertieren Sie Farben zwischen HEX, RGB(A) und HSL(A) mit Live-Aktualisierung, Alpha-Unterstützung und kopierbaren CSS-Werten.
Farbpaletten-Generator
Erzeugen Sie harmonische Farbpaletten aus einer Grundfarbe – mit komplementären, analogen, triadischen und monochromatischen Schemata, direkt im Browser.
CSS-Farbverlauf-Generator
Erstellen Sie lineare und radiale CSS-Farbverläufe mit mehreren Farbstopps, Live-Vorschau und kopierbarem CSS-Code für background.
Box-Shadow-Generator
Gestalten Sie CSS-Box-Shadows mit Reglern für Versatz, Unschärfe, Ausbreitung, Farbe, Deckkraft und Inset-Modus samt Live-Vorschau – direkt im Browser.
Kontrastprüfer (Contrast Checker)
Prüfen Sie das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe mit AA- und AAA-Ergebnis (bestanden/nicht bestanden) und Live-Vorschau.
Tailwind-Farbabstufungen-Generator
Erzeugen Sie aus einer HEX-Grundfarbe eine 11-stufige Farbskala im Tailwind-Stil (50-950) mit kopierbaren CSS-Variablen und JSON.
CSS-Filter-Generator
Erstellen Sie CSS-filter()-Effekte visuell mit Reglern für Unschärfe, Helligkeit, Kontrast, Graustufen, Farbtonrotation und mehr.
Border-Radius-Generator
Gestalten Sie runde und elliptische CSS-border-radius-Werte mit Live-Vorschau und kopierbarem CSS-Code – direkt und privat in Ihrem Browser.
Glassmorphism-Generator
Erstellen Sie CSS für Milchglas-Karten mit Reglern für Unschärfe, Transparenz, Tönung, Rahmen und Eckenradius – direkt in Ihrem Browser.
Neumorphism-Generator
Erzeugen Sie Soft-UI-CSS im Neumorphism-Stil mit Schattenpaaren, Oberflächenfarbe, Radius sowie flacher, konkaver oder konvexer Form – direkt im Browser.
Duotone-Generator
Wenden Sie einen zweifarbigen Duotone-Effekt auf ein Bild direkt im Browser an und exportieren Sie das Ergebnis als PNG – ohne Upload auf einen Server.
Farbmischer — Zwei Farben mischen
Mischen Sie zwei Farben im gewünschten RGB-Verhältnis und kopieren Sie die Ergebnisse als HEX-, RGB- und HSL-Werte direkt im Browser.
Farbnamen-Finder — Nächster CSS-Farbname
Finden Sie den nächstgelegenen CSS-Farbnamen zu jedem HEX-Wert per RGB-Abstand, mit Farbfeldern und Kopier-Buttons.
CSS-Theme-Generator
Wählen Sie Ihre Markenfarben und erzeugen Sie clientseitig ein :root-Theme aus CSS Custom Properties mit abgeleiteten Hover-, Rahmen- und Flächen-Tokens.
SVG-Wellen-Generator
Erstellen Sie geschichtete SVG-Wellen mit einstellbarer Amplitude, Komplexität, Glätte und Farben. Kopieren Sie SVG oder CSS oder laden Sie SVG und PNG herunter.
Blob-Generator
Erzeugen Sie zufällige, organische SVG-Blobs mit einstellbaren Punkten, Zufälligkeit, Verlaufsfüllungen und Konturen. SVG kopieren oder PNG herunterladen.
Mesh-Gradient-Generator
Erstellen Sie Mesh-Verläufe aus 3 bis 6 verschiebbaren Farbpunkten mit Unschärfe und Rauschen. CSS kopieren oder als PNG-Bild herunterladen.
CSS-Clip-Path-Generator
Bearbeiten Sie CSS-clip-path-Formen visuell mit Vorlagen, verschiebbaren Polygonpunkten und Reglern. Kopieren Sie das clip-path-CSS.