Blauw-paars verloop: 20 codes die schoon overlopen

Een blauw-paars verloop loopt tussen naburige tinten op het kleurenwiel: blauw #3b82f6, indigo #4f46e5, violet #7c3aed en de zachte pervenches en lavendels eromheen. Omdat de tinten naast elkaar liggen, blijft de overgang bijna vanzelf schoon. Het moeilijkere deel is er een maken die niet lijkt op de duizenden app-iconen en conferentiedia’s die er al een gebruiken. Hieronder staan twintig codes in vier stemmingen, de gevallen waarin de overgang wél dof wordt en de tekstkleuren die op elk leesbaar zijn.

Waarom blauw en paars zo goed overlopen

Paars is blauw met wat rood erin. Loop van het ene naar het andere en elke stap ertussen is een echte, verzadigde kleur: blauw, indigo, violet. Vergelijk dat met blauw in oranje mengen, waar het halverwege een egaal grijs is. Analoge kleuren legt het principe uit, en het kleurenwiel toont waar elke tint zit.

Donkere blauw-paarse verlopen: nacht en diepte

Begin donker en het verloop ziet er direct minder generiek uit. Een middernachtondergrond met indigo en violet licht voelt als een nachthemel, een concertzaal of een premium app. Deze vijf dragen lichte tekst prachtig.

Zachte blauw-paarse verlopen: pervenche en lavendel

Maak de familie lichter en ze wordt rustig, dromerig en een tikje nostalgisch. Deze passen bij welzijn, slaap, briefpapier en alles wat op een zachte stemming mikt. Houd de inkt donker; wit verdwijnt op de meeste. Meer staan er in pastelverlopen.

Elektrische blauw-paarse verlopen

Zet de verzadiging hoger en het paar wordt luid, synthetisch en heel digitaal. Deze passen bij gaming, muziek, techlanceringen en alles nachtelijks. Gebruik ze in banden of gloeden in plaats van over een hele poster, en combineer ze met bijna zwart zodat ze iets hebben om tegen te gloeien. Neonverlopen heeft de volledige techniek.

Blauw-paarse verlopen met een derde kleur

De snelste manier om een blauw-paars verloop de jouwe te maken is één extra kleur, spaarzaam gebruikt. Roze neemt het mee richting schemering, teal richting noorderlicht, goud richting luxe en perzik richting een zachte zonsopgang.

Wanneer een blauw-paars verloop modderig wordt

Van blauw naar violet is veilig. Twee verwante overgangen niet. Cyaan in roze doorkruist een groot deel van het wiel, en doffe, grijzige blauwtinten in doffe paarstinten geven een levenloos midden. In beide gevallen is de oplossing dezelfde: interpoleer in OKLCH, dat helderheid en verzadiging gelijk houdt over de hele overgang. Modderige verlopen en verloopinterpolatie gaan dieper.

/* Default sRGB blend: can dull in the middle */
.card--srgb {
  background: linear-gradient(90deg, #06b6d4, #ec4899);
}

/* OKLCH blend: stays bright, passes through violet */
.card--oklch {
  background: linear-gradient(90deg in oklch, #06b6d4, #ec4899);
}

/* A safe blue purple hero with a fallback */
.hero {
  background-color: #1e1b4b;
  background-image: linear-gradient(160deg in oklch, #0f0a2e, #4f46e5 60%, #7c3aed);
  color: #eef2ff;
}

Hoe je een blauw-paars verloop minder generiek laat ogen

De diagonaal van violet naar blauw is zo bekend dat mensen hem als standaard lezen voordat ze lezen wat jij erop zette. Je hebt geen exotische kleuren nodig om dat te vermijden. Kleine, bewuste keuzes zijn genoeg, en ze stapelen op.

• Kies eerst een ondergrond. Een middernacht- of papierondergrond bepaalt de stemming meer dan het blauw of paars, en scheidt je meteen van de heldere standaard.
• Haal het licht van de diagonaal. Zet het helderste violet met een radiaal verloop in één hoek in plaats van het van rand tot rand op 135 graden te laten lopen.
• Gebruik ongelijke stops. Laat indigo 60 procent van het oppervlak bezetten en violet alleen het laatste stuk. Gelijke derden zien er machinaal uit.
• Voeg één accent op één plek toe. Een streepje roze, teal of goud, zoals in de set hierboven, blijft veel beter hangen dan de basiskleuren.
• Werk af met korrel. Een fijne ruislaag verbergt bandvorming en maakt van een schermovergang een oppervlak; korrelige verlopen heeft de code.
• Render elk formaat apart. Het licht moet op een story en op een banner ergens verstandigs landen, niet waar een uitsnede het toevallig laat.

Stemmingsnamen helpen ook. “Middernachtindigo met een gouden rand” is een besluit dat je een heel jaar aan posts kunt herhalen; “blauw-paars verloop” niet.

Tekst op een blauw-paars verloop

Als woorden van het donkere naar het lichte uiteinde van hetzelfde verloop lopen, werkt geen enkele inkt overal. Tekst op een verloop behandelt de opties. In Gradiently regelt Auto-inkt dit per regel, door lichte of donkere letters uit het eigen palet van de Mark te kiezen, zodat een blauw-paarse achtergrond nooit een kop opslokt.