Kort fortalt
- En pastelfarvepalet består af lyse farver med blid mætning, typisk over 85 % lysstyrke i HSL.
- Pasteller er for lyse til tekst på hvid, så en pastelpalet har brug for en mørk skriftfarve til ordene.
- De fleste pastelbrands har også brug for én dybere ankerfarve, stærk nok til at bære hvid tekst på knapper og labels.
- Pasteller virker mest sammenhængende, når de deler samme lysstyrke og især adskiller sig i nuance.
- En varm, råhvid bund passer bedre til pasteller end ren hvid, som kan få dem til at virke udvaskede.
På denne side
En pastelfarvepalet er et sæt bleg, blidt mættede farver: fersken, smørgul, salvie, pudderblå, lilla. De føles bløde, friske og venlige, og derfor griber bagerier, hudpleje, babybrands og bryllupspapirhandlere til dem. Hagen er, at ingen pastel er mørk nok til tekst. Hver palet nedenfor parrer derfor tre pasteller med to arbejdsfarver: en mørk skriftfarve til ord og en dybere ankerfarve til knapper og accenter. Koderne er klar til at kopiere, og kontrasten er allerede tjekket.
Fem pastelfarvepaletter med hex-koder
Fersken og salvie er varm, naturlig og rolig, et stærkt valg til mad, keramik og slow living-brands. Terracotta-ankeret forhindrer, at den bliver sukkersød.
Havglas er køligt og rent, egnet til wellness, hudpleje og alt, der skal føles som frisk luft.
Lavendel og citron stiller to næsten modsatte side om side i samme bløde lysstyrke, hvilket holder den munter uden at støde. God til brevpapir, blomsterhandlere og børnebøger.
Sorbet er den sødeste af de fem, varme lyserøde og abrikosfarver til bagerier, neglestudier og sommerkampagner.
Pistacie er frisk og grøn, naturlig uden at være jordnær. Den passer til plantebutikker, caféer og miljøbrands.
For at vælge mellem dem så start med temperaturen. Varme pasteller (fersken, abrikos, smør) føles hjemlige og spiselige; kolde pasteller (havglas, pudderblå, lavendel) føles rene og luftige. Se så på dit anker, for det kommer på hver knap og prisskilt og er den farve, folk husker. Hvis ingen af disse ankre passer til dig, så behold pastellerne og skift din egen brandfarve ind, mørkere indtil hvid tekst på den består 4,5:1. Har du brug for mere tilbageholdenhed, end pasteller tillader? Dæmpede farvepaletter ligger ét trin gråere.
Hvorfor pasteller har brug for en skriftfarve og et anker
Hver pastel ovenfor har et kontrastforhold på mellem cirka 1,1:1 og 1,4:1 mod hvid. Det er langt under de 4,5:1, brødtekst kræver, hvilket betyder, at pastelord på en hvid side simpelthen er ulæselige for mange. Pastelknapper med hvide labels fejler lige så slemt. Skriftfarven og ankeret løser begge problemer, mens paletten som helhed forbliver blød.
Farve at vælge
Hvorfor
Farve at vælge
Hvorfor
Farve at vælge
Hvorfor
Farve at vælge
Hvorfor
Farve at vælge
Hvorfor
Vælg en skriftfarve, der læner sig mod en af dine pasteller, frem for en flad grå: kakao til varme paletter, skifer eller blomme til kolde. En farvet skriftfarve får hele paletten til at se designet ud. Reglerne bag tallene står i farvekontrast og tilgængelighed.
Sådan gør du enhver farve pastel
En pastel er enhver nuance med høj lysstyrke og moderat mætning. I HSL sigter du efter 85 % til 92 % lysstyrke og 40 % til 80 % mætning. Problemet med HSL er, at gul og blå ved samme tal ser meget forskellige ud i lysstyrke. OKLCH løser det, så én formel giver dig en jævn pastel i hver nuance.
:root {
/* lightness 90%, gentle chroma, any hue */
--pastel-peach: oklch(90% 0.06 60);
--pastel-lemon: oklch(90% 0.06 100);
--pastel-mint: oklch(90% 0.06 150);
--pastel-aqua: oklch(90% 0.06 200);
--pastel-pink: oklch(90% 0.06 340);
/* the ink: same idea, very dark */
--ink: oklch(30% 0.03 40);
}Samme fremgangsmåde gør din brandfarve til sin egen pastel: behold dens nuance, hæv lysstyrken, sænk mætningen. Det giver dig en blød baggrundsfarve, der utvetydigt er din. Om teorien bag toner se nuancer, toner og skygger.
Fejl, der får pasteller til at se billige ud
Undgå
- Pasteltekst på hvid eller på en anden pastel
- Seks pasteller på én gang uden en mørk farve
- Pasteller i forskellig lysstyrke, så én ser snavset ud
- Rent hvide bunde, der vasker pasteller ud
- Tynde skriveskrifter i bleg farve
Gør
- Mørk, farvet skriftfarve til hvert ord
- Tre pasteller plus et anker og en skriftfarve
- Pasteller i samme lysstyrke
- En varm råhvid som #fdf8f2
- Faste vægte med klare bogstavformer
Pastelpaletter i et rigtigt opslag
Her er idéen i brug: blød baggrund, mørk skriftfarve, én ankerfarve brugt én gang. Vil du have pasteller som flydende baggrunde frem for flade felter, har pastelgradienter koderne, og den bløde æstetik viser, hvordan udtrykket bæres gennem et helt feed.
En blød baggrund med mørk, selvsikker skrift. Pastellen sætter stemningen; skriftfarven fører ordet.
Lyse baggrunde er, hvor læsbarheden oftest brister, og Gradiently klarer det for dig. En Marks automatiske skriftfarve vælger lys eller mørk skrift til hver linje ud fra sin egen palet, så ord på en blød pastel-Mark forbliver mørke nok til at læse, uden at du tjekker hvert par.
Spørgsmål, folk stiller
Hvilke farver er med i en pastelfarvepalet?
Blege, blidt mættede udgaver af enhver nuance: fersken, smørgul, salvie, mynte, pudderblå, lavendel og rødmen er de mest almindelige.
Hvad er hex-koden for pastelpink?
Der er ingen enkelt kode, men #f6cfdc er en afbalanceret pastelpink. Par den med en mørk skriftfarve som #4a2e37 til tekst.
Hvilken tekstfarve passer til pastelfarver?
En mørk, let farvet farve som kakao #3a2e2a, skifer #2f3a4a eller blomme #3b2f48, som giver omkring 8:1 til 10:1 på typiske pasteller.
Er pastelfarver tilgængelige?
Som baggrunde, ja. Som tekst eller som knapfarve bag hvid tekst, nej: pasteller er for lyse. Brug en mørk skriftfarve til ord og en dybere ankerfarve til knapper.
Hvordan gør jeg en farve pastel?
Hæv dens lysstyrke til omkring 85 % til 92 %, og hold mætningen moderat. I CSS giver oklch(90% 0.06 H) en jævn pastel til enhver nuance H.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil