Kleur

Paarse kleurverlopen: paletten, codes en hoe je ze gebruikt

Paars is een van de meest gebruikte kleuren voor kleurverlopen op het web, en dat maakt het een veilige keuze waarin je ook makkelijk verdwijnt. Hier zijn paletten die doordacht aanvoelen, met de codes erbij.

GradientlyGeverifieerd Gradiently-account··5 min lezen
Cover: Lasting Harbour · GR·R6Z4·35

De korte versie

  • Een paars kleurverloop mengt tinten violet, paars, pruim of lavendel, vaak met een naburig blauw of roze.
  • Paars wordt vaak verbonden met creativiteit, luxe en verbeelding, en is een heel gangbare kleur geworden in de branding van technologie.
  • Diepe paarstinten zoals #4c1d95 dragen witte tekst met gemak, terwijl lichte lavendeltinten donkere tekst nodig hebben.
  • Middenpaars zoals #a78bfa is het lastigst voor tekst, omdat het te licht is voor witte letters en te verzadigd om onder zwart rustig te ogen.
  • Warmte, diepte of korrel toevoegen is de snelste manier om te voorkomen dat een paars kleurverloop op een standaardpreset lijkt.
Op deze pagina

Een paars kleurverloop mengt tinten violet, paars, pruim of lavendel, vaak met een naburig blauw of roze. Het is een van de populairste kleuren voor kleurverlopen op websites, in apps en in posts op social, omdat paars fantasierijk en een beetje luxe aanvoelt en prachtig gloeit op een donker scherm. Hieronder staan paletten voor paarse kleurverlopen, gegroepeerd op sfeer, elk met kopieerbare CSS, gevolgd door hoe je er tekst op zet en hoe je voorkomt dat ze op die van iedereen lijken.

De paarse familie: violet, paars, pruim en lavendel

‘Paars’ dekt een breed bereik. Violet neigt naar blauw en voelt koel en elektrisch. Magenta neigt naar roze en voelt warm en luid. Pruim is een diep, roodachtig paars dat rijk aanvoelt; lavendel is een bleek, grijzig paars dat zacht aanvoelt. Als je weet welke je wilt, wordt elke andere keuze makkelijker.

Acht paarstinten, van de diepste tot de bleekste. Links naar blauw neigend, in het midden naar rood, rechts zacht.

Wat een paars kleurverloop uitstraalt

In een groot deel van Europa en Amerika wordt paars verbonden met creativiteit, verbeelding en luxe. De band met luxe is historisch: eeuwenlang was paarse kleurstof zeldzaam en duur, dus werd ze door de machtigen gedragen. De laatste jaren is het ook een van de meest gangbare kleuren geworden in de branding van software en technologie, waar het iets vindingrijks suggereert zonder de ernst van blauw. Elders verschillen de associaties; kleurbetekenissen over de hele wereld heeft de details.

  • Creatieve tools en studio’s: violet en magenta voelen vindingrijk en een beetje speels.
  • Beauty en wellness: lavendel en lila voelen zacht en herstellend.
  • Muziek, nachtleven en gaming: diep paars met een felle gloed voelt als avond.
  • Premiumproducten: pruim en bijna zwart amethist voelen rijk, vooral met een warm hooglicht.

De keerzijde is vertrouwdheid. Omdat zoveel techmerken een violet kleurverloop gebruiken, moet het jouwe zijn verschil verdienen met diepte, warmte, materiaal of de consistentie waarmee je het gebruikt.

Donkerpaarse kleurverlopen

Donkerpaarse kleurverlopen voelen rijk en nachtelijk. Ze werken voor muziek, nachtleven, premiumproducten en alles wat als avond moet aanvoelen. Houd de donkerste stop dicht bij zwart en laat er één belichte kleur uit oprijzen.

Vier donkerpaarse kleurverlopen. Elk rijst op uit bijna zwart, dus witte tekst staat op het grootste deel van het vlak comfortabel.

Lichte en pastelpaarse kleurverlopen

Bleek paars voelt rustig, zacht en een beetje dromerig. Het past bij wellness, beauty, papierwaren en alles wat zacht moet aanvoelen. Het heeft donkere tekst nodig, en het oogt het best met een vleugje warmte of blauw, zodat het niet als vlak grijslila leest.

Zachte paarse kleurverlopen. De warme uiteinden (blush, perzik) voorkomen dat ze koud ogen.

Felpaarse kleurverlopen

Fel paars is het luidst en het meest gangbaar. Gebruik het voor lanceringen, gaming, evenementen en gedurfde merken, en houd het weg van lange leesteksten. Paars mengen richting roze of oranje houdt het midden helder; mengen richting groen wordt grijs.

Verzadigde paarse kleurverlopen. Alle vier mengen richting warme buren, dus geen ervan wordt dof in het midden.

Tekst op paarse kleurverlopen

Bij paars gaat tekst makkelijk mis, omdat middenpaars op een lastige plek zit: te licht voor witte letters, te donker en verzadigd om zwart rustig te laten ogen. Kies de inkt op basis van waar de tekst echt staat.

Tekst op achtergrondContrastOordeel
Wit op #2e106515,2:1Uitstekend voor elke tekst
Wit op #4c1d9511,0:1Uitstekend
Wit op #7c3aed5,7:1Prima voor lopende en grote tekst
Wit op #a78bfa2,7:1Onvoldoende, zelfs voor grote tekst
#1e1033 op #a78bfa6,6:1Donkere inkt werkt hier
#1e1033 op #ede9fe15,0:1Uitstekend
WCAG-contrastverhoudingen, berekend. Lopende tekst heeft 4,5:1 nodig, grote tekst 3:1.

Controleer op een kleurverloop het lichtste punt achter witte tekst en het donkerste punt achter donkere tekst. Tekst op een kleurverloop behandelt de plaatsing, en kleurcontrast legt de verhoudingen uit.

Donker en rijk: een cover die bij luisteren in de avond past.

Zacht en licht: een vriendelijke post met donkere inkt.

Zo voorkom je dat een paars kleurverloop generiek oogt

Violet naar roze op 135 graden is een van de meest gebruikte kleurverlopen die er zijn. Het is aantrekkelijk, en het zegt niets meer over wie het gebruikt. Vier kleine veranderingen helpen.

  • Verdiep het. Begin bij bijna zwart paars in plaats van een middenviolet. Diepte leest als premium.
  • Verwarm het. Voeg aan één uiteinde een hooglicht in perzik, abrikoos of goud toe. Paars met warm licht voelt als schemering in plaats van software.
  • Verander de vorm. Een lage radiale gloed of een verticale val voelt meer als licht dan een diagonale vulling. Zie radiale kleurverlopen.
  • Voeg een materiaal toe. Fijne korrel of een zachte glans maakt van een vlak verloop een oppervlak. Zie korrelige kleurverlopen.
css
.hero {
  background-color: #1a0b2e;
  background-image:
    radial-gradient(circle at 75% 110%, #fdba74 0%, transparent 35%),
    linear-gradient(in oklch 170deg, #0f0a1f 0%, #3b1a6e 55%, #7c3aed 100%);
}
Een diep violet vlak met een warme gloed die van onderaf oprijst. De effen kleur is een terugvaloptie voor oudere browsers.

Is paars je merkkleur, dan telt consistentie zwaarder dan het exacte verloop. Branding met kleurverlopen behandelt hoe je één paars het jouwe maakt. Je kunt in de Markt van Gradiently ook zoeken op ‘diep violet’ of ‘lavendel’ om levende paarse Marks te zien.

Vragen die mensen stellen

Welke kleuren passen goed bij paars in een kleurverloop?

Blauw, roze, magenta en warme hooglichten zoals perzik of goud mengen schoon met paars. Groen en geel liggen ertegenover en worden in het midden van een kleurverloop snel grijs.

Wat is de CSS-code voor een paars kleurverloop?

Bijvoorbeeld linear-gradient(160deg, #0f0a1f 0%, #2e1065 55%, #6d28d9 100%) geeft een diep amethist kleurverloop. Elk voorbeeld op deze pagina kun je direct kopiëren.

Welke tekstkleur werkt op een paars kleurverloop?

Wit werkt op diep en middendonker paars, en een bijna zwarte paarse inkt werkt op licht en middenpaars. Controleer het contrast waar het kleurverloop achter witte tekst het lichtst is.

Wat straalt een paars kleurverloop uit?

Paars wordt vaak verbonden met creativiteit, verbeelding en luxe. Het is ook heel gangbaar in de branding van technologie, en dat maakt het vertrouwd, maar lastiger om mee op te vallen.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel