Rosa Lila Farbverlauf Codes, von Candy bis Dämmerung

Ein Rosa Lila Farbverlauf mischt zwei Nachbarn im Farbkreis, Pink wie #ec4899 und Violett wie #9333ea, mit Magenta und Orchidee dazwischen. Weil die Farbtöne angrenzen, bleibt die Mischung durchgehend leuchtend. Alles verändert die Helligkeit: Hältst du ihn blass, bekommst du Zuckerwatte, drehst du die Sättigung hoch, bekommst du Glamour, machst du ihn dunkel, bekommst du Dämmerung. Die Codes unten laufen von hell nach dunkel, sodass du zuerst die Stimmung wählen kannst und die Hex-Werte danach.

Stimmungen von Rosa und Lila auf einen Blick

Candy Rosa Lila Farbverläufe

Blasse Rosa- und Fliedertöne zusammen sind so sanft, wie Farbe nur sein kann. Sie passen zu allem Süßen oder Sanften, kippen aber schnell ins Kindliche. Die Lösung ist ein leicht warmer Grund, ein Pfirsich oder Creme an einem Ende und sehr selbstbewusste dunkle Schrift.

Für mehr von dieser Sanftheit behandelt Pastell-Farbverläufe die ganze Familie, und Lavendel Farbverläufe neigt weiter zu Lila.

Orchideen- und Magenta-Verläufe

Drehst du die Sättigung hoch, wird das Paar glamourös. Das ist das Revier von Nagellack, Festival-Armbändern und Albumcovern. Nutze einen leichten Winkel oder ein radiales Glühen statt einer flachen Diagonale und lass eine ruhigere Fläche für Worte.

Dämmerung: dunkle Rosa Lila Farbverläufe

Machst du das Paar dunkel, wird es sofort erwachsen. Ein pflaumenschwarzer Grund mit Himbeer- und Violettlicht wirkt wie der Himmel zwanzig Minuten nach Sonnenuntergang oder eine Cocktailbar bei gedämpftem Licht. Das sind die vielseitigsten der Auswahl, und sie tragen weißen oder blassrosa Text mühelos.

Sie liegen nah an Sonnenuntergang Farbverläufen und Galaxie Farbverläufen, und du kannst dich frei bei beiden bedienen.

Eine dritte Farbe hinzufügen, ohne zu verschlammen

Die übliche Diagonale von Knallpink zu Violett ist überall, eine zusätzliche Farbe ist also der schnellste Weg, sie zu deiner zu machen. Wähle eine Farbe, die an Pink oder Lila grenzt: Orange und Korall liegen neben Pink, Blau und Indigo neben Lila. Grün liegt Magenta gegenüber, weshalb Pink in Grün in der Mitte grau wird.

So wählst du einen Rosa Lila Farbverlauf für deine Marke

1. 1

   Entscheide zuerst hell oder dunkel

   Der größte Teil der Stimmung kommt von der Helligkeit. Eine blasse Mischung sagt sanft; ein Pflaumengrund sagt Abend. Wähle eins und behalte es für jeden Post.

2. 2

   Wähle, welche Farbe führt

   Führendes Pink wirkt wärmer und verspielter. Führendes Lila wirkt kühler und geheimnisvoller. Gib der führenden Farbe etwa zwei Drittel der Fläche.

3. 3

   Plane, wo die Worte sitzen

   Setze die Überschrift über das dunklere, ruhigere Ende und das leuchtendste Pink in eine Ecke, damit du nie mit dem Hintergrund um Aufmerksamkeit kämpfst.

4. 4

   Teste in jeder Größe

   Eine Mischung, die auf einem quadratischen Post funktioniert, kann auf einer Story ihre hellste Stelle hinter den Text legen. Prüfe Post, Story und Banner, bevor du dich festlegst.

Wenn du oft postest, schreibe das Ergebnis als kurzes Rezept auf: Grund, Leitfarbe, Akzent, wo das Licht sitzt. Diese eine Zeile hält einen ganzen Feed einheitlich, was mehr zählt als jeder einzelne schöne Verlauf. Markenkonsistenz geht weiter.

Textfarben auf Rosa und Lila

Leuchtendes Pink ist heller, als es aussieht, weiße Überschriften auf Knallpink sind also schwächer, als man erwartet. Violett und Magenta tragen Weiß gut. Am hellen Ende ist tiefes Pflaumenviolett die Tinte, die das Design in einer Familie hält. Die Verhältnisse sind WCAG-Kontrast; strebe 4,5:1 für kleinen Text und mindestens 3:1 für große Überschriften an. Farbkontrast und Barrierefreiheit erklärt die Schwellenwerte.

Rosa Lila Farbverlauf CSS

.dusk {
  background-color: #1e0b2e;
  background-image:
    radial-gradient(circle at 80% 85%, #db2777 0%, transparent 45%),
    linear-gradient(180deg in oklch, #1e0b2e 0%, #581c87 100%);
  color: #fce7f3;
}

.headline-gradient {
  background: linear-gradient(90deg, #ec4899, #9333ea);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

Verlaufstext ist auffällig, nutze ihn aber nur für kurze Anzeigeworte, nie für Fließtext. CSS-Verlaufstext behandelt die Fallbacks. Willst du einen Rosa-Lila-Look, den kein anderer veröffentlichen kann, lässt dich der Markt von Gradiently Marks nach Farbwörtern wie „Orchidee“ durchsuchen. Jeder Mark ist ein Unikat, und sobald du ihn sicherst, kann nur du mit ihm exportieren; außerdem hält er Schrift über beide Enden der Mischung von selbst lesbar.