# Pinke Farbverläufe, die modern wirken statt zuckersüß [Canonical HTML page](https://gradiently.design/de/guide/pink-gradient) Pink kann nach Süßwarenladen oder nach Modemagazin aussehen. Der Unterschied liegt selten im Pink selbst, sondern darin, was du daneben setzt. Hier sind Paletten, Kombinationen und Codes für Pink, das zeitgemäß wirkt. ## The short version - Ein pinker Farbverlauf mischt Rosatöne, von blassem Zartrosa und Altrosa über Koralle bis Knallpink, oft mit benachbartem Pfirsich, Rot oder Violett. - Pink wirkt zuckersüß, wenn es blass und gesättigt ist und nur mit anderen Pastelltönen kombiniert wird, und modern, wenn ihm ein tiefer Ton zur Seite steht. - Tiefe Partner wie Ochsenblut, Marineblau, Waldgrün und fast Schwarz geben Pink Kontrast und lassen es redaktionell wirken. - Weiße Schrift funktioniert auf tiefem Pink wie #be185d, fällt auf helleren Tönen wie #ec4899 aber unter den Kontrast, den Fließtext braucht. - Staubige, leicht vergraute Rosatöne wirken erwachsener als reines Bonbonrosa und passen zu Mode-, Beauty- und Kulturmarken. Ein **pinker Farbverlauf** mischt Rosatöne, von blassem Zartrosa und Altrosa über Koralle bis zu Knallpink und Himbeere, oft mit benachbartem Pfirsich, Rot oder Violett. Pink erlebt in Mode, Beauty, Food und Kultur eine lange Hochphase, hat aber eine bekannte Schwäche: zu blass, zu süß, zu zuckrig. Die Lösung ist fast immer Kontrast. Kombiniere Pink mit etwas Tiefem, und es wird scharf und redaktionell. Unten findest du Paletten, Kombinationen und CSS-Codes für pinke Verläufe, die modern wirken. ## Die Bandbreite der Rosatöne Pink ist ein helleres Rot, aber die Familie ist groß. Zartrosa und Altrosa sind weich und leicht vergraut, und deshalb wirken sie ruhig und erwachsen. Koralle und Lachs neigen zu Orange und wirken warm und sonnig. Knallpink und Fuchsia neigen zu Violett und wirken laut und verspielt. Himbeere und Beere sind tief genug, um weiße Schrift zu tragen. - Zartrosa: #fbe4e4 - Altrosa: #e8b4b8 - Lachs: #f9a28b - Korallenrosa: #fb7185 - Knallpink: #ec4899 - Fuchsia: #c026d3 - Himbeere: #be185d - Beere: #831843 Acht Rosatöne vom blassesten zum tiefsten. Links weich und vergraut, in der Mitte laut, rechts tief. Welches Pink du wählst, setzt den Ton, bevor irgendetwas anderes es tut: - **Beauty und Hautpflege:** Zartrosa und Altrosa, oft mit Creme und einem warmen Braun. - **Mode und Verlage:** Altrosa oder Knallpink vor Schwarz, Marineblau oder Ochsenblut. - **Essen und Trinken:** Koralle, Lachs und Himbeere, die Farben von Früchten und Sorbet. - **Musik und Nachtleben:** Knallpink und Fuchsia, die auf fast Schwarz leuchten. - **Hochzeiten und Papeterie:** Zartrosa und Rosé auf warmem Papier, mit Details in tiefem Grün oder Burgunder. Blasse Rosatöne überschneiden sich mit der größeren Pastellfamilie; [Pastell-Farbverläufe](https://gradiently.design/de/guide/pastel-gradients) zeigt, wie sie über mehrere Farbtöne hinweg frisch bleiben. ## Warum Pink zuckersüß wird ### Zuckersüß - Blasses Rosa gemischt mit Babyblau oder Flieder - Jede Farbe ein Pastellton, nichts Dunkles - Reines, helles Bonbonrosa ohne jedes Grau - Runde, verspielte Schrift im selben Pink ### Modern - Pink vor einem tiefen Ton - Ein starkes Dunkel für Text und Gewicht - Staubige, leicht gedämpfte Rosatöne - Klare Schrift in fast Schwarz oder Creme Keine der zuckersüßen Entscheidungen ist für sich falsch; Kindermarken und Süßwaren setzen sie bewusst ein. Wenn Pink aber selbstbewusst statt niedlich wirken soll, brauchst du irgendwo im Design Gewicht, und eine tiefe Partnerfarbe ist der schnellste Weg dahin. ## Sanfte pinke Farbverläufe Sanfte Rosatöne wirken ruhig, warm und haptisch. Sie passen zu Hautpflege, Papeterie, Hochzeiten und Wellness. Halte sie eher staubig als hell und nutze dunkle Schrift für Text. - Zartrosa Papier: `linear-gradient(135deg, #fdf2f0 0%, #f6cfd2 100%)` - Altrosa: `linear-gradient(160deg, #f5e1dc 0%, #e8b4b8 55%, #c98b95 100%)` - Rosé zu Aprikose: `linear-gradient(135deg, #fde2e4 0%, #fed7aa 100%)` - Blütenschimmer: `radial-gradient(circle at 30% 30%, #fff1f2 0%, #fbcfe8 45%, #e9a6c0 100%)` Sanfte pinke Verläufe. Aprikose und gedämpftes Rosé halten sie warm, ohne Zucker. ## Pink mit tiefen Tönen Hier wird Pink redaktionell. Ein tiefer Partner gibt dem Pink etwas, vor dem es leuchten kann, und der Schrift einen festen Platz. Die Kombinationen unten sind in Mode, Verlagswesen und Gastgewerbe aus gutem Grund verbreitet. - Ochsenblut zu Rosé: `linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%)` - Marineblau zu Pink: `linear-gradient(160deg, #0f1a33 0%, #3a2a5c 50%, #f9a8c2 100%)` - Waldgrün und Pink, geteilt: `linear-gradient(90deg, #14352a 0% 50%, #f7b6c2 50% 100%)` - Kakao zu Rosé: `linear-gradient(160deg, #1c1210 0%, #4a2c25 50%, #e9a8a0 100%)` - Pinkes Licht auf Schwarz: `radial-gradient(circle at 70% 80%, #ff7ab8 0%, #7a1f4b 40%, #0d0508 80%)` - Pflaume zu Himbeere: `linear-gradient(135deg, #3b0764 0%, #9d174d 55%, #fda4af 100%)` Pink mit tiefen Partnern. Die Waldgrün-Kombination nutzt eine harte Teilung, weil Pink und Grün fast Gegenfarben sind und sich zu Grau mischen würden. Grün und Pink liegen auf dem Farbkreis fast gegenüber, deshalb ergeben sie ein auffälliges Paar und einen schlechten Übergang. Halte sie in getrennten Bereichen, wie in der Teilung oben. [Komplementärfarben](https://gradiently.design/de/guide/complementary-colors) erklärt, warum Gegenfarben beim Mischen grau werden. ## Kräftige pinke Farbverläufe und Knallpink Knallpink ist die lauteste Farbe der Familie. Es passt zu Musik, Nachtleben, Sale-Momenten und Marken, die man quer durch den Raum sehen soll. Misch es Richtung Orange oder Violett, nie Richtung Grün oder Petrol. - Pink zu Mandarine: `linear-gradient(135deg, #db2777 0%, #f97316 100%)` - Himbeere, aufsteigend: `linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f9a8d4 100%)` - Violett zu Pink: `linear-gradient(135deg, #7c3aed 0%, #ec4899 100%)` - Pinker Sonnenuntergang: `linear-gradient(180deg, #ff4d8d 0%, #ff8a5c 60%, #ffd29d 100%)` Leuchtende pinke Verläufe. Jeder mischt sich zu einem warmen oder violetten Nachbarn, damit die Mitte hell bleibt. Violett zu Pink ist einer der bekanntesten Verläufe im Internet. Wenn du ihn nutzt, mach ihn mit einem tiefen Grund, einem warmen Glanzlicht oder Körnung zu deinem. Mehr dazu steht im Ratgeber zu [lila Farbverläufen](https://gradiently.design/de/guide/purple-gradient). ## Pink im Editorial Design Ein redaktionelles Cover im Hochformat mit dem Titel Die Ausgabe über Sanftheit auf einem rosa getönten Verlauf Pink als Magazincover: ruhiges Feld, selbstbewusste Schrift. Ein quadratischer Zitat-Post mit dunkler Schrift auf einem sanften Verlauf Ein Zitat-Post, bei dem dunkle Schrift dem Pink Gewicht gibt. Redaktionelles Pink funktioniert, weil es die Farbe als Grund behandelt, nicht als Dekoration. Eine einzige große Fläche, großzügiger Raum, scharfe Serifen- oder Groteskschrift in fast Schwarz oder Creme und ein Detail in einer tiefen Partnerfarbe. [Editorial Design für Social Media](https://gradiently.design/de/guide/editorial-design-for-social) erklärt die Mittel im Detail. ## Text auf pinken Farbverläufen | Text auf Hintergrund | Kontrast | Urteil | | --- | --- | --- | | Weiß auf `#831843` | 9,7:1 | Ausgezeichnet | | Weiß auf `#be185d` | 6,0:1 | Gut für Fließtext | | Weiß auf `#db2777` | 4,6:1 | Reicht knapp für Fließtext | | Weiß auf `#ec4899` | 3,5:1 | Nur große Schrift | | `#3b0a1e` auf `#f472b6` | 6,4:1 | Dunkle Schrift funktioniert hier | | `#1f2a44` auf `#f9c6d0` | 9,5:1 | Marineblau auf Pink: ausgezeichnet | Berechnete Kontrastverhältnisse nach WCAG. Fließtext braucht 4,5:1, große Schrift 3:1. ```css .cover { background-color: #2a0a12; background-image: linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%); color: #fdf2f0; } ``` Ochsenblut zu Rosé, mit cremefarbener Schrift. Setz die Worte in den oberen, dunkleren Teil der Fläche. Prüfe auf einem Verlauf den Kontrast immer dort, wo das Pink hinter dem Text am hellsten ist. [Text auf einem Farbverlauf](https://gradiently.design/de/guide/text-on-gradient) zeigt, wie du die ruhige Zone findest. ## FAQ ### Welche Farben passen in einem Verlauf zu Pink? Pfirsich, Koralle, Rot und Violett mischen sich sauber mit Pink. Für Kontrast kombiniere Pink mit tiefen Tönen wie Ochsenblut, Marineblau, Kakao oder fast Schwarz. Halte Grün in einem getrennten Bereich, weil sich Pink und Grün zu Grau mischen. ### Wie wirkt Pink weniger kindlich? Nutze staubige oder tiefe Rosatöne statt hellem Bonbonrosa, füge eine tiefe Partnerfarbe hinzu und setz Schrift in fast Schwarz oder Creme statt in einem weiteren Pink. ### Welche Textfarbe funktioniert auf einem pinken Farbverlauf? Weiß funktioniert auf tiefem Pink wie Himbeere und Beere. Auf helleren Rosatönen nutze eine dunkle Schrift, etwa ein tiefes Burgunder oder Marineblau. ### Wie lautet das CSS für einen pinken Farbverlauf? Zum Beispiel ergibt linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%) einen Verlauf von Ochsenblut zu Rosé. Alle Paletten auf dieser Seite lassen sich als CSS kopieren.