De korte versie
- Een roze-paars kleurverloop mengt naburige tinten zoals roze #ec4899, magenta #c026d3 en violet #9333ea, dus de overgang blijft helder zonder brugkleur.
- Hetzelfde paar leest als snoep als het bleek is, als glamour als het verzadigd is en als schemering als het donker is.
- Witte tekst faalt op helder roze en bleek lila, dus gebruik daar een diepe pruimeninkt en bewaar wit voor magenta, violet en donkere ondergronden.
- Een beetje oranje, blauw of goud toevoegen aan een roze-paars kleurverloop maakt het veel minder voorspelbaar dan de standaardovergang van twee kleuren.
- Roze en paars passen bij beauty, uitgaan, muziek, feesten en creatormerken, en een donkere ondergrond voorkomt dat ze kinderlijk voelen.
Op deze pagina
Een roze-paars kleurverloop mengt twee buren op het kleurenwiel, een roze zoals #ec4899 en een violet zoals #9333ea, met magenta en orchidee ertussen. Omdat de tinten aan elkaar grenzen, blijft de overgang over de hele breedte levendig. Wat alles verandert is helderheid: houd het bleek en je krijgt suikerspin, verhoog de verzadiging en je krijgt glamour, maak het donker en je krijgt schemering. De codes hieronder lopen van licht naar donker, zodat je eerst de stemming kiest en daarna de hexwaarden.
Roze-paarse verloopstemmingen in één oogopslag
#fbcfe8 naar #e9d5ffVoelt
Werkt voor
#f0abfc naar #c084fcVoelt
Werkt voor
#ec4899 naar #9333eaVoelt
Werkt voor
Typische stops
#2e0a2f naar #9d174dVoelt
Werkt voor
Roze-paarse snoepverlopen
Bleke rozen en lila’s samen zijn zo zacht als kleur wordt. Ze passen bij alles wat zoet of vriendelijk is, maar kunnen snel kinderlijk worden. De oplossing is een licht warme ondergrond, een perzik of crème aan één kant, en heel zelfverzekerde donkere letters.
Voor meer van deze zachtheid behandelt pastelverlopen de hele familie, en lavendelverlopen leunt verder naar paars.
Orchidee- en magentaverlopen
Draai de verzadiging omhoog en het paar wordt glamoureus. Dit is het terrein van nagellak, festivalbandjes en albumhoezen. Gebruik een lichte hoek of een radiale gloed in plaats van een vlakke diagonaal en laat een rustiger gebied vrij voor woorden.
Schemering: donkere roze-paarse verlopen
Maak het paar donker en het wordt meteen volwassen. Een pruimzwarte ondergrond met framboos- en violet licht leest als de hemel twintig minuten na zonsondergang, of een cocktailbar met gedempt licht. Dit zijn de meest veelzijdige van de set en ze dragen witte of bleekroze tekst makkelijk.
Deze liggen dicht bij zonsondergangverlopen en sterrenstelselverlopen, en je mag vrij uit beide lenen.
Een derde kleur toevoegen zonder te vertroebelen
De standaarddiagonaal van felroze naar violet is overal, dus één extra kleur is de snelste manier om hem de jouwe te maken. Kies een kleur die grenst aan roze of paars: oranje en koraal liggen naast roze, blauw en indigo naast paars. Groen ligt tegenover magenta, waardoor roze naar groen in het midden grijs wordt.
Zo kies je een roze-paars kleurverloop voor je merk
- 1
Beslis eerst licht of donker
Het grootste deel van de stemming komt van helderheid. Een bleke overgang zegt zacht; een pruimenondergrond zegt avond. Kies er een en houd die voor elke post.
- 2
Kies welke kleur leidt
Roze aan de leiding voelt warmer en speelser. Paars aan de leiding voelt koeler en mysterieuzer. Geef de leider ruwweg twee derde van het vlak.
- 3
Plan waar de woorden staan
Zet de kop over het donkerdere, rustigere uiteinde en het helderste roze in een hoek, zodat je nooit met de achtergrond om aandacht vecht.
- 4
Test op elk formaat
Een overgang die op een vierkante post werkt, kan zijn helderste gebied in een story achter de tekst laten vallen. Controleer post, story en banner voordat je kiest.
Post je vaak, schrijf het resultaat dan op als kort recept: ondergrond, leidende kleur, accent, waar het licht zit. Die ene regel houdt een hele feed consistent, wat meer telt dan één mooi verloop. Merkconsistentie gaat verder.
Tekstkleuren op roze en paars
Helder roze is lichter dan het lijkt, dus witte koppen op felroze zijn zwakker dan mensen verwachten. Violet en magenta dragen wit goed. Aan de bleke kant is diep pruim de inkt die het ontwerp in één familie houdt. De verhoudingen zijn WCAG-contrast; mik op 4,5:1 voor kleine tekst en minimaal 3:1 voor grote koppen. Kleurcontrast en toegankelijkheid legt de drempels uit.
#ec4899Tekst
Contrast
Oordeel
#db2777Tekst
Contrast
Oordeel
#c026d3Tekst
Contrast
Oordeel
#9333eaTekst
Contrast
Oordeel
#f9a8d4Tekst
#3b0a3fContrast
Oordeel
#2e0a2fTekst
#f9a8d4Contrast
Oordeel
Een post van een nagelsalon op verzadigd orchidee, witte letters aan de violette kant.
Een clubavondstory op schemerpruim met frambozenlicht laag in het beeld.
Roze-paars kleurverloop in CSS
.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;
}Verlooptekst valt op, maar gebruik hem alleen voor korte displaywoorden, nooit voor lopende tekst. CSS-verlooptekst behandelt de terugvalopties. Wil je een roze-paarse look die niemand anders kan publiceren, dan laat de Markt van Gradiently je Marks zoeken op kleurwoorden zoals “orchidee”. Elke Mark is uniek, en zodra je hem claimt kan alleen jij ermee exporteren; hij houdt de tekst bovendien zelf leesbaar aan beide uiteinden van de overgang.
Vragen die mensen stellen
Wat is een goede code voor een roze-paars kleurverloop?
Een klassieker is linear-gradient(135deg, #ec4899 0%, #c026d3 50%, #9333ea 100%). Probeer voor iets somberders linear-gradient(180deg, #1e0b2e 0%, #581c87 50%, #be185d 100%).
Passen roze en paars bij elkaar?
Ja. Het zijn buren op het kleurenwiel, met magenta ertussen, dus ze lopen zuiver in elkaar over op elke helderheid.
Welke tekstkleur past op een roze-paars kleurverloop?
Wit leest goed op magenta, violet en donker pruim. Gebruik op felroze wit alleen voor grote koppen, en gebruik op bleekroze of lila een diep pruim zoals #3b0a3f.
Hoe laat ik een roze-paars kleurverloop minder kinderlijk ogen?
Ga donkerder of verzadigder, gebruik een pruimenondergrond en voeg in een klein gebied een volwassen derde kleur toe, zoals goud of diepblauw.
Welke kleur ligt tussen roze en paars?
Magenta, rond #c026d3, met orchidee als lichtere versie.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel