Form · T-09
Farbverlauf erstellen
Wählen Sie Ihre Farben, schieben Sie sie an ihren Platz und kopieren Sie das CSS. Beim Mischen in OKLCH bleiben die Zwischenfarben klar, auch zwischen Blau und Gelb.
Ihre Dateien bleiben auf Ihrem Gerät
Fragen
Gut zu wissen
Was bewirkt das Mischen in OKLCH?
Ein normaler Verlauf mischt Rot, Grün und Blau direkt, und zwischen Blau und Gelb entsteht dann ein grauer Streifen. In OKLCH läuft der Farbton um den Farbkreis mit, sodass die Mitte klar bleibt.
Funktioniert das in jedem Browser?
Browser ab 2023 verstehen in oklch. Für ältere Browser setzt Kleurstaal eine Zeile darüber, mit Zwischenfarben, die hier bereits in OKLCH berechnet sind, sodass es fast gleich aussieht.
Wie bekomme ich einen harten Übergang?
Setzen Sie zwei Farben an dieselbe Stelle, zum Beispiel Blau auf 50 und Gelb auf 50. Dann springt der Verlauf dort von der einen zur anderen Farbe.
So funktioniert es
Farbverlauf erstellen in drei Schritten
Form wählen
Linear mit einem Winkel, radial als Kreis oder Ellipse, oder konisch um einen Punkt.
Farben setzen
Zwei bis acht Farben, jede an einer Stelle von 0 bis 100 Prozent.
CSS kopieren
Mit einer Rückfallregel für ältere Browser oben. Fügen Sie es bei background ein.