Verlaufspaletten-Generator
Mach aus zwei bis fünf Farben eine weiche Verlaufspalette mit 3 bis 20 gleichmäßigen Stufen. Wähle den Farbraum, in dem die Stufen berechnet werden, sieh den Verlauf als Balken und kopiere die Stufen als HEX-Liste oder den Verlauf als CSS linear-gradient(). Kostenlos, in deinem Browser, und nichts wird gesendet.
So erstellst du eine Farbverlaufs-Palette
- 1Stell die Farben von „Farbstopp 1“ und „Farbstopp 2“ ein
- 2Nimm „Farbstopp hinzufügen“ für bis zu fünf Farben
- 3Zieh die „Stufen“ auf die Zahl der Farben, die du brauchst
- 4Kopiere die HEX-Liste oder die CSS-Zeile
- Eine gleichmäßige Farbfolge vom ersten bis zum letzten Stopp
So entstehen die Stufen
- Bis zu fünf Farbstopps.Von Blau nach Pink, oder von dunkel über eine kräftige Mittelfarbe bis hell
- Stufen, die gleichmäßig wirken.Voreingestellt wird in OKLab gemischt, so bleiben die mittleren Stufen kräftiger als in sRGB
- Nichts wird gesendet.Die Stufen werden von deinem Browser auf deinem eigenen Gerät berechnet
Was du tun kannst
- Jeden Farbstopp als #hex, rgb(), hsl(), lab(), oklch(), CSS-Farbnamen oder Tailwind-Namen eingeben oder mit dem Farbwähler aussuchen
- Zwei bis fünf Farbstopps nutzen, mit „Farbstopp hinzufügen“ und „Letzten Farbstopp entfernen“
- 3 bis 20 Stufen wählen. Die erste und die letzte Stufe sind deine äußeren Farbstopps, die Stopps liegen gleichmäßig verteilt
- In „OKLab (gleichmäßige Stufen fürs Auge)“, OKLCH, CIE Lab, „sRGB (wie die meisten Designprogramme)“ oder „Lineares sRGB (wie Licht mischen)“ mischen
- Jede Stufe als HEX kopieren, „Als HEX-Liste kopieren“ oder die CSS-Zeile kopieren, etwa linear-gradient(in oklab, #0ea5e9, #f43f5e)
Gut zu wissen
- Das Tool öffnet mit #0EA5E9 und #F43F5E. Mit 7 Stufen in OKLab ist die mittlere Stufe #AF84A6. In sRGB ist sie #8172A4, grauer und dunkler
- Ein neuer Farbstopp beginnt als Weiß. Ändere ihn in die Farbe, die du willst
- Nur der letzte Farbstopp lässt sich entfernen. Soll eine mittlere Farbe weg, ändere die Stopps so, dass die Farben nachrücken
- Die CSS-Zeile nimmt deine Farbstopps mit dem gewählten Farbraum, der Browser zeichnet also denselben Verlauf
Fragen
Wie erstelle ich eine Verlaufspalette aus zwei Farben?
Stell die beiden Farbstopps ein, wähle die Zahl der Stufen und kopiere das Ergebnis. Das Tool berechnet die Farben dazwischen in gleichen Abständen und zeigt sie als Balken und als Farbfelder.
Warum wirkt die Mitte meines Verlaufs grau?
In sRGB wird auf der geraden Linie zwischen zwei Farben gemischt, und in der Mitte führt diese Linie oft durch Grau. OKLab, die Voreinstellung, hält die mittleren Stufen kräftiger.
Kann ich den Verlauf in CSS verwenden?
Ja. Kopiere die CSS-Zeile, ein linear-gradient() mit dem Farbraum darin. Für ein Designprogramm kopierst du stattdessen die HEX-Liste.
Werden meine Farben irgendwohin gesendet?
Nein. Der Verlauf wird von deinem Browser auf deinem eigenen Gerät berechnet. Mit deinen Farben geht keine Anfrage hinaus.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten