Pink og lilla gradient: koder fra slik til skumring

En pink og lilla gradient blander to naboer på farvecirklen, pink som #ec4899 og violet som #9333ea, med magenta og orkidé imellem. Fordi farvetonerne ligger side om side, forbliver blandingen klar hele vejen. Det, der ændrer alt, er lysheden: hold den bleg, og du får candyfloss, skru op for mætningen, og du får glamour, gør den mørk, og du får skumring. Koderne nedenfor går fra lys til mørk, så du kan vælge stemningen først og hexværdierne bagefter.

Stemninger i pink og lilla gradienter på et øjeblik

Slikfarvede pink og lilla gradienter

Blege pinktoner og syrenfarver sammen er så bløde, som farver bliver. De passer til alt sødt eller blidt, men de kan hurtigt vippe over i det barnlige. Løsningen er en let varm bund, fersken eller creme i den ene ende, og meget selvsikker mørk skrift.

Vil du have mere af denne blødhed, dækker pastelgradienter hele familien, og lavendelgradienter læner sig længere mod lilla.

Orkidé- og magentagradienter

Skru op for mætningen, og parret bliver glamourøst. Det er neglelakkens, festivalarmbåndenes og albumcovernes territorium. Brug en let vinkel eller en radial glød frem for en flad diagonal, og lad et roligere område være til ord.

Skumring: mørke pink og lilla gradienter

Gør parret mørkt, og det bliver straks voksent. En blommesort bund med lys i hindbær og violet ligner himlen tyve minutter efter solnedgang eller en cocktailbar med dæmpet belysning. De er de mest alsidige i sættet og bærer let hvid eller bleg pink tekst.

De ligger tæt på solnedgangsgradienter og galaksegradienter, og du kan frit låne fra begge.

Sådan tilføjer du en tredje farve uden at mudre den

Den almindelige diagonal fra knaldpink til violet er overalt, så én ekstra farve er den hurtigste vej til at gøre den til din. Vælg en farve, der ligger ved siden af enten pink eller lilla: orange og koral ligger ved pink, blå og indigo ved lilla. Grøn ligger over for magenta, og derfor bliver pink over i grøn grå på midten.

Sådan vælger du en pink og lilla gradient til dit brand

1. 1

   Beslut lys eller mørk først

   Det meste af stemningen kommer fra lysheden. En bleg blanding siger blid; en blommefarvet bund siger aften. Vælg én og hold fast i den på hvert opslag.

2. 2

   Vælg, hvilken farve der fører

   Når pink fører, føles det varmere og mere legende. Når lilla fører, føles det køligere og mere mystisk. Giv den førende farve omkring to tredjedele af fladen.

3. 3

   Planlæg, hvor ordene står

   Sæt overskriften over den mørkere, roligere ende og den klareste pink i et hjørne, så du aldrig kæmper med baggrunden om opmærksomheden.

4. 4

   Test den i alle størrelser

   En blanding, der virker på et kvadratisk opslag, kan lægge sit klareste område bag teksten i en story. Tjek opslag, story og banner, før du beslutter dig.

Poster du ofte, så skriv resultatet ned som en kort opskrift: bund, førende farve, accent, hvor lyset sidder. Den ene linje holder et helt feed ensartet, og det betyder mere end nogen enkelt smuk gradient. Brandkonsistens går videre.

Tekstfarver på pink og lilla

Klar pink er lysere, end den ser ud, så hvide overskrifter på knaldpink er svagere, end folk forventer. Violet og magenta bærer hvid godt. I den blege ende er en dyb blomme den skriftfarve, der holder designet i én familie. Forholdstallene er WCAG-kontrast; sigt efter 4,5:1 til lille tekst og mindst 3:1 til store overskrifter. Farvekontrast og tilgængelighed forklarer grænserne.

CSS til pink 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 brug den kun til korte displayord, aldrig brødtekst. Gradienttekst i CSS gennemgår reserveløsningerne. Vil du have et pink og lilla look, som ingen andre kan udgive, kan du på Markedet i Gradiently søge efter Marks med farveord som »orkidé«. Hver Mark er unik, og når du har sikret dig den, kan kun du eksportere med den; den holder også selv skriften læsbar i begge ender af blandingen.