Erzeuge wahrnehmungsgleichmäßige Farbverläufe zwischen zwei Farben oder mische mit subtraktiver Semantik.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Interpolation im OKLab-Raum: Der Farbton folgt einem visuell gleichmäßigen Pfad – Rot + Blau ergibt Lila statt schmutzigem Grau, ohne tote Zone dazwischen.
Eine wahrnehmungsgerechte Rampe zwischen zwei beliebigen Farben – einstellbare Dichte, CSS-Verlauf mit einem Klick.
Wähle eine Farbe für A und B (Farbwähler oder direkte HEX-Eingabe); die Schaltfläche zum Tauschen vertauscht die Endpunkte mit einem Klick.
Der wahrnehmungsgerechte Modus interpoliert in OKLab, sodass sogar Komplementärpaare ihren Farbtonübergang behalten; der RGB-Modus reproduziert das naive Mischen der meisten Software – vergleiche beide, um den Unterschied zu sehen.
Ziehen Sie den Schieberegler für die Stufen, um die Dichte zu skalieren (3–15), kopieren Sie den vollständigen CSS-Verlauf oder klicken Sie auf eine beliebige Zwischenfarbe, um deren Profil zu öffnen.
Drei häufig gestellte Fragen zu Mischalgorithmen.
Bringen Sie die Skala in das Verlaufsstudio, um weitere Haltepunkte hinzuzufügen, oder öffnen Sie das Farbrad, um Harmonien aus einer gemischten Farbe aufzubauen.
OKLCH-wahrnehmungsgleichförmige Verläufe, keine Graubänder, CSS-Export mit einem Klick.
Ziehen Sie den Kreis, um eine Basis auszuwählen, erhalten Sie live sechs Harmonieschemata, öffnen Sie es im Board oder exportieren Sie als PNG.
Jede Farbe in eine 11-stufige Designsystem-Skala, wahrnehmungsgleichmäßig in OKLCH, WCAG-Kontrast pro Stufe, Export nach Tailwind/CSS/SCSS/JSON.