Verlaufsgenerator FREE

Bauen Sie einen linearen, radialen oder konischen Verlauf aus eigenen Farbstopps und kopieren Sie das CSS. Die Interpolation in OKLCH vermeidet das graue Band, das sRGB in die Mitte legt.

Kostenlos nutzbar Keine Registrierung Datenschutz zuerst

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) oder ein CSS-Farbname.

Zuletzt benutzt

Verläufe

Jede Umrechnung, jede Palette und jeder Kontrastwert auf dieser Seite wird in Ihrem Browser berechnet. Ein hierher gezogenes Bild wird auf einem Canvas in diesem Tab gelesen und niemals hochgeladen.

So funktioniert es

Über das erzeugte CSS

Lineare, radiale und konische Verläufe mit beliebig vielen Stopps, an ihren Platz gezogen und als CSS kopiert. Winkel, Form und Position gehören zur Ausgabe, was Sie einfügen, sieht also aus wie auf der Seite.

Die Interpolation in OKLCH gibt es, weil die Interpolation in sRGB durch viele Verläufe ein stumpfes Band zieht - Blau zu Gelb ist der klassische Fall. Die einfache sRGB-Form wird mit ausgegeben, damit auch ein Browser ohne die neuere Syntax einen Verlauf zeichnet.

Wissen
Website Audit in 2026: The Complete SEO, Core Web Vitals, Accessibility and Security Checklist
23 Jul 202620 min read

Website-Audit 2026: Die vollständige Checkliste für SEO, Core Web Vitals, Barrierefreiheit und Sicherheit

Ein gutes Website-Audit ist weder eine einzelne Lighthouse-Punktzahl noch eine Liste mit mehreren Dutzend automatischen Warnungen. Es sollte vier Fragen beantworten: Kann eine Suchmaschine die Website korrekt finden und verstehen? Kann ein Nutzer seine Aufgabe effizient erledigen? Ist die Website schnell genug? Und setzt sie den Betreiber oder die Besucher unnötigen Risiken aus?

Read article
Chrome versus Firefox versus Edge versus Safari comparison cover in POLPROG AI Tools series
17 Jul 202617 min read

Chrome vs. Firefox vs. Edge vs. Safari: Was wir aus der Veröffentlichung von 9 Browser-Erweiterungen gelernt haben

Neun Erweiterungen, vier Browser und deutlich mehr als eine `manifest.json`. Wir zeigen, wo gemeinsam genutzter Code wirklich endet, warum Safari einen eigenen Prozess benötigt und welche Fehler erst Firefox und die Erweiterungs-Stores sichtbar machen.

Read article
Claude Code versus OpenAI Codex versus Gemini CLI comparison cover in POLPROG AI Tools series
17 Jul 202618 min read

Claude Code vs OpenAI Codex vs Gemini CLI: der beste KI-Programmieragent 2026

Claude Code, OpenAI Codex und Gemini CLI können Repositorys lesen, Dateien bearbeiten und Tests ausführen, wurden jedoch für unterschiedliche Arbeitsweisen entwickelt. Wir vergleichen Qualität, Benchmarks, Sicherheit, paralleles Arbeiten, Erweiterungen, Preise und Datenschutz.

Read article

Bau ein besseres Web, schneller.

Wir entwickeln individuelle Software und Lösungen, die auf Ihre Bedürfnisse zugeschnitten sind.

Kontakt aufnehmen