Rosa och lila gradient: koder från godis till skymning

En rosa och lila gradient blandar två grannar på färghjulet, ett rosa som #ec4899 och en violett som #9333ea, med magenta och orkidé däremellan. Eftersom nyanserna ligger intill varandra förblir blandningen livlig hela vägen. Det som förändrar allt är ljusheten: håll den blek så får du sockervadd, höj mättnaden så får du glamour, gör den mörk så får du skymning. Koderna nedan går från ljust till mörkt, så att du kan välja stämningen först och hexkoderna sedan.

Stämningar i rosa och lila gradienter i överblick

Godisrosa och lila gradienter

Bleka rosa och lila tillsammans är så mjukt som färg blir. De passar allt sött eller milt, men kan snabbt tippa över i barnsligt. Lösningen är en något varm botten, en persika eller kräm i ena änden, och mycket självsäker mörk text.

För mer av den här mjukheten täcker pastellgradienter hela familjen, och lavendelgradienter lutar längre mot lila.

Orkidé- och magentagradienter

Skruva upp mättnaden så blir paret glamoröst. Det här är nagellackets, festivalarmbandens och skivomslagens territorium. Använd en lätt vinkel eller ett radiellt sken i stället för en platt diagonal, och lämna ett lugnare område för ord.

Skymning: mörka rosa och lila gradienter

Gör paret mörkt så blir det vuxet direkt. En plommonsvart botten med hallon- och violett ljus läses som himlen tjugo minuter efter solnedgången, eller en cocktailbar med dämpad belysning. Det här är de mest mångsidiga i uppsättningen och bär vit eller blekrosa text med lätthet.

De ligger nära solnedgångsgradienter och galaxgradienter, och du kan låna fritt från båda.

Lägga till en tredje färg utan att grumla

Standarddiagonalen från klarrosa till violett finns överallt, så en extra färg är det snabbaste sättet att göra den till din. Välj en färg som gränsar till antingen rosa eller lila: orange och korall sitter bredvid rosa, blått och indigo bredvid lila. Grönt sitter mitt emot magenta, vilket är varför rosa som går över i grönt blir grått i mitten.

Så väljer du en rosa och lila gradient för ditt varumärke

1. 1

   Bestäm ljust eller mörkt först

   Det mesta av stämningen kommer från ljusheten. En blek blandning säger milt; en plommonbotten säger kväll. Välj en och behåll den i varje inlägg.

2. 2

   Välj vilken färg som leder

   Rosa som leder känns varmare och mer lekfullt. Lila som leder känns svalare och mer mystiskt. Ge ledaren ungefär två tredjedelar av ytan.

3. 3

   Planera var orden sitter

   Lägg rubriken över den mörkare, lugnare änden och det ljusaste rosa i ett hörn, så att du aldrig kämpar mot bakgrunden om uppmärksamheten.

4. 4

   Testa den i varje storlek

   En blandning som fungerar på ett kvadratiskt inlägg kan lägga sitt ljusaste område bakom texten på en story. Kontrollera inlägg, story och banner innan du bestämmer dig.

Om du publicerar ofta, skriv ned resultatet som ett kort recept: botten, ledande färg, accent, var ljuset sitter. Den raden håller ett helt flöde konsekvent, vilket betyder mer än någon enskild vacker gradient. Konsekvent varumärke går längre.

Textfärger på rosa och lila

Klarrosa är ljusare än det ser ut, så vita rubriker på klarrosa är svagare än folk väntar sig. Violett och magenta bär vitt väl. I den bleka änden är en djup plommonfärg texten som håller designen i en familj. Förhållandena är WCAG-kontrast; sikta på 4,5:1 för liten text och minst 3:1 för stora rubriker. Färgkontrast och tillgänglighet förklarar tröskelvärdena.

Rosa och lila gradient i 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;
}

Gradienttext är slående men använd den bara för korta displayord, aldrig brödtext. CSS-gradienttext tar upp reservlösningarna. Om du vill ha ett rosa och lila utseende som ingen annan kan publicera låter Gradiently Marknaden dig söka Marks på färgord som ”orkidé”. Varje Mark är unik, och när du säkrat en kan bara du exportera med den; den håller också texten läsbar över båda ändarna av blandningen av sig själv.