Rosa og lilla gradient: koder fra godteri til skumring

En rosa og lilla gradient blander to naboer i fargesirkelen, rosa som #ec4899 og fiolett som #9333ea, med magenta og orkidé mellom. Fordi tonene ligger ved siden av hverandre, holder blandingen seg klar hele veien. Lysheten endrer alt: lyst gir sukkerspinn, høy metning gir glamour, mørkt gir skumring. Kodene nedenfor går fra lyst til mørkt, så du kan velge stemningen først og hex-verdiene deretter.

Stemninger i rosa og lilla gradienter

Godterirosa og lilla gradienter

Lyst rosa og syrin sammen er så mykt som farger blir. De passer alt søtt eller mildt, men kan raskt bli barnslige. Løsningen er en litt varm bunn, fersken eller krem i én ende og svært tydelig mørk skrift.

For mer av denne mykheten dekker pastellgradienter hele familien, mens lavendelgradienter heller mer mot lilla.

Orkidé- og magentagradienter

Skru opp metningen, så blir paret glamorøst. Dette er området for neglelakk, festivalarmbånd og albumomslag. Bruk en svak vinkel eller radial glød fremfor en flat diagonal, og la det være et roligere område til ord.

Skumring: mørke rosa og lilla gradienter

Gjør paret mørkt, så blir det straks voksent. Plommesvart bunn med bringebær- og fiolettlys minner om himmelen tjue minutter etter solnedgang, eller en cocktailbar med lav belysning. Disse er settets mest allsidige og bærer hvit eller lys rosa tekst lett.

Disse ligger nært solnedgangsgradienter og galaksegradienter. Du kan låne fritt fra begge.

Legg til en tredje farge uten grums

Den vanlige diagonalen fra knallrosa til fiolett finnes overalt. Én ekstra farge er derfor den raskeste måten å gjøre det til ditt eget. Velg en nabo til rosa eller lilla: oransje og korall ligger ved rosa, blått og indigo ved lilla. Grønt ligger motsatt magenta, derfor blir rosa til grønt grått i midten.

Velg rosa og lilla gradient til merkevaren

1. 1

   Velg lyst eller mørkt først

   Det meste av stemningen kommer fra lysheten. En lys blanding sier mildhet, en plommebunn sier kveld. Velg én og behold den i hvert innlegg.

2. 2

   Velg hvilken farge som leder

   Rosa i førersetet virker varmere og mer lekent. Lilla virker kjøligere og mer gåtefullt. Gi den ledende fargen omtrent to tredeler av flaten.

3. 3

   Planlegg hvor ordene skal stå

   Sett overskriften over den mørkere, roligere enden og det klareste rosa i et hjørne, så du slipper å kjempe med bakgrunnen om oppmerksomheten.

4. 4

   Test i hver størrelse

   En blanding som virker på et kvadratisk innlegg, kan få det lyseste området bak teksten i en story. Kontroller innlegg, story og banner før du bestemmer deg.

Hvis du publiserer ofte, skriv resultatet som en kort oppskrift: bunn, hovedfarge, aksent, lysplassering. Den ene linjen holder en hel strøm konsekvent, noe som betyr mer enn én vakker gradient. Konsekvent merkevarebruk går videre.

Tekstfarger på rosa og lilla

Sterkt rosa er lysere enn det ser ut, så hvite overskrifter på knallrosa er svakere enn forventet. Fiolett og magenta bærer hvitt godt. I den lyse enden holder dyp plomme designet i samme familie. Forholdene er WCAG-kontrast: sikt mot 4,5:1 for liten tekst og minst 3:1 for store overskrifter. Fargekontrast og tilgjengelighet forklarer grensene.

CSS for rosa og lilla gradient

.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;
}

Gradienttekst er slående, men bruk den bare til korte displayord, aldri brødtekst. CSS-gradienttekst dekker reservene. Hvis du ønsker et rosa og lilla uttrykk ingen andre kan publisere, lar Markedet til Gradiently deg søke etter Marks med fargeord som «orkidé». Hver Mark er unik. Når du sikrer deg den, kan bare du eksportere med den. Den holder også selv teksten lesbar over begge ender av blandingen.