Zum Inhalt springen
Musterli

Dunkel

Farbverlauf Sternwarte

Ein tiefes Nachtblau, das von oben her heller wird.

Im Editor anpassen

Winkel, Form und Farben ändern, dann als CSS, SVG oder PNG exportieren.

Farben

Die Farbstopps des Verlaufs. Ein Klick auf einen Wert kopiert ihn.

  1. Farbe 1

    Text in Weiss, Kontrast 11.0:1

  2. Farbe 2

    Text in Weiss, Kontrast 19.1:1

Code

Füge die Zeilen in die Regel deines Elements ein. Die erste Zeile ist eine Ersatzfarbe, die zweite der Verlauf für alle Browser, die dritte interpoliert in OKLCH für moderne Browser.

CSS

background-color: #2b3a67;
background-image: radial-gradient(ellipse at 50% 0%, #2b3a67 0%, #2a3865 11.11%, #28345e 22.22%, #242e54 33.33%, #1f2648 44.44%, #191e3c 55.56%, #141730 66.67%, #101228 77.78%, #0d0e22 88.89%, #0c0d20 100%);
background-image: radial-gradient(ellipse at 50% 0% in oklch, #2b3a67 0%, #2a3865 11.11%, #28345e 22.22%, #242e54 33.33%, #1f2648 44.44%, #191e3c 55.56%, #141730 66.67%, #101228 77.78%, #0d0e22 88.89%, #0c0d20 100%);

Tailwind

bg-[#2b3a67] bg-[radial-gradient(ellipse_at_50%_0%,_#2b3a67_0%,_#2a3865_11.11%,_#28345e_22.22%,_#242e54_33.33%,_#1f2648_44.44%,_#191e3c_55.56%,_#141730_66.67%,_#101228_77.78%,_#0d0e22_88.89%,_#0c0d20_100%)]

Den Verlauf weiterdenken

Dieselben Farben in anderen Generatoren. Jede Karte öffnet den Editor mit diesen Farben.

Mit den Farben weiterarbeiten

Mach aus den Farbstopps eine Palette oder eine ganze Farbskala.

So verwendest du den Verlauf

Kopiere das CSS in die Regel des Elements, das den Verlauf tragen soll, etwa einen Abschnitt, eine Karte oder einen Button. Für Text auf dem Verlauf wähle eine Schriftfarbe, die auf allen Farbstopps genügend Kontrast hat; die Werte bei den Farben helfen dir dabei. Im Editor änderst du Winkel, Form und Übergang und exportierst den Verlauf auch als Bild.

Ähnliche Verläufe

Alle Farbverläufe

  • Tannenwald

    Dunkles Tannengrün bis fast Schwarz, ruhig und edel.

  • Tiefsee

    Von Petrolblau in die Dunkelheit, ideal hinter hellem Text.

  • Brombeere

    Sattes Beerenrot und dunkles Violett.

  • Vulkan

    Glühendes Orange am unteren Rand, das nach oben in verkohltes Dunkel übergeht.

  • Espresso

    Warmes Kaffeebraun bis Schwarzbraun, dezent und dunkel.

  • Nebelmeer

    Helles, fast neutrales Grau mit einem Hauch Blau, wie Nebel über dem Mittelland.