De korte versie
- Een rood kleurverloop is een verloop rond rode tonen zoals karmijn, scharlaken, ossenbloed of koraal, voor ontwerpen die warmte en urgentie nodig hebben.
- Rode kleurverlopen ogen het best wanneer maar één stop volledig verzadigd is en de andere opschuiven naar dieper wijnrood of warmer oranje en roze.
- Puur #ff0000 met witte tekst heeft een contrastverhouding van 4:1, onder het minimum van 4,5:1 voor gewone lopende tekst.
- Houd je rood naast zijn warme buren in plaats van naast verzadigd blauw, dan vermijd je de flikkering en het alarm waardoor rode ontwerpen hard aanvoelen.
- Diep rood zoals ossenbloed en wijnrood oogt premium en rustig, terwijl helder scharlaken en koraal energiek en speels ogen.
Op deze pagina
Een rood kleurverloop is een verloop rond rood, van helder scharlaken en karmijn tot diep ossenbloed en zacht koraal, en het is het energiekste kleurverloop dat je op een scherm kunt zetten. De truc om het goed te gebruiken is terughoudendheid: laat één stop de volle verzadiging dragen, schuif de rest op naar dieper wijnrood of warmer oranje en roze, en houd rood weg van de plekken waar mensen waarschuwingen verwachten. Zo leest rood als warmte en eetlust in plaats van als een foutmelding.
Hieronder vind je drie rode paletten, negen kopieerbare codes voor rode kleurverlopen, de contrastcijfers voor tekst op rood, en de plekken waar rood het best werkt. Zie voor hoe kleuren überhaupt betekenis dragen kleurpsychologie.
Waarom rood lastiger is om mee te ontwerpen dan het lijkt
Rood is om meerdere redenen tegelijk luid. Schermrood haalt een heel hoge verzadiging, dus het overheerst alles ernaast. Interfaces hebben mensen geleerd het als gevaar te lezen: foutstatussen, verwijderknoppen, een lege batterij en badges voor ongelezen berichten zijn bijna altijd rood. En helder rood pal naast verzadigd blauw kan lijken te flikkeren of op een andere diepte te liggen, een effect dat chromostereopsis heet en dat tekst in die combinatie vermoeiend maakt om te lezen.
Leest als alarm
- Vlak
#ff0000dat het hele canvas vult - Rode tekst of randen op een witte pagina zonder andere warme kleur
- Rood direct tegen verzadigd blauw
- Rood voor zowel het merk als de foutmeldingen
Leest als energie
- Eén heldere rode stop die in diep wijnrood of ossenbloed valt
- Rood gemengd met zijn warme buren, oranje en roze
- Rood op een donkere, warme ondergrond met zacht gebroken wit voor tekst
- Een aparte, duidelijk andere kleur voor fouten
Drie rode paletten: karmijn, ossenbloed en koraal
De meeste geslaagde rode kleurverlopen komen uit een van drie families. Karmijn neigt een beetje naar blauw en voelt gedurfd en klassiek. Ossenbloed en wijnrood zijn diepe, donkere roodtinten die aanvoelen als leer, fluweel en rode wijn. Koraal is rood dat naar oranje en roze is opgetild, zachter en vriendelijker. Kies een familie voordat je een kleurverloop kiest, want alle drie in één verloop mengen oogt meestal modderig.
Codes voor rode kleurverlopen om te kopiëren
Deze kleurverlopen houden elk rood als hoofdnoot, maar verschillen in temperatuur en diepte. De donkerdere werken als volledige achtergrond; de helderdere zijn beter voor knoppen, badges, kaarten en korte momenten van aandacht.
Let op wat de codes gemeen hebben. De heldere stop zit aan één uiteinde of op één punt, nooit over het hele vlak. De donkere stops zijn donkere roodtinten, geen zwart of grijs, dus het verloop houdt zijn kleur terwijl het daalt. Wordt een rood kleurverloop bruin in het midden, dan heb je het waarschijnlijk richting groen of grijs gemengd; onze gids over modderige kleurverlopen legt uit waarom.
Zo beheers je de intensiteit van rood
- 1
Kies één heldere stop
Bepaal waar het meest verzadigde rood woont, meestal bij een kop of het brandpunt. Al het andere daalt vanaf daar in lichtheid of verzadiging.
- 2
Geef het donkere buren
Diep rood zoals
#7f1d1den#4a0e0elaat de heldere stop door contrast gloeien, zoals één kooltje gloeit in een donker vuur. - 3
Meng richting warme kleuren
Oranje, koraal en roze liggen naast rood op het kleurenwiel, dus ze mengen schoon. Zie analoge kleuren voor waarom buren zich altijd gedragen.
- 4
Houd rood tot een deel van het ontwerp
Rood is van nature een accentkleur. Zelfs in een ontwerp waarin rood leidt, helpt een groot rustig gebied; de 60-30-10-regel is een goede startverhouding.
- 5
Houd fouten een andere kleur
Is je merk rood, geef foutmeldingen dan een duidelijk andere behandeling, zoals een icoon plus een donkerder rood of een rood dat naar oranje neigt, zodat een waarschuwing nooit op marketing lijkt.
Tekst op een rood kleurverloop
Rood zit voor tekst in een lastig midden. Puur schermrood is te donker om zwarte tekst prettig te laten lezen en te licht om met witte tekst het minimum voor lopende tekst te halen. De oplossing is de achtergrond donkerder te duwen als je witte letters wilt, of lichter als je donkere letters wilt, en het lichtste punt van het kleurverloop achter je woorden te controleren.
| Achtergrond | Tekst | Contrast | Oordeel |
|---|---|---|---|
#ff0000 puur rood | Wit | 4,0:1 | Alleen grote tekst |
#dc2626 rood | Wit | 4,8:1 | Voldoende voor lopende tekst |
#b91c1c diep karmijn | Wit | 6,5:1 | Comfortabel |
#7f1d1d ossenbloed | #fff1f0 gebroken wit | 9,1:1 | Uitstekend |
#ff6f61 koraal | Wit | 2,7:1 | Onvoldoende |
#ff6f61 koraal | #1a0505 bijna zwart | 7,2:1 | Uitstekend |
De kop staat op het diepste deel van het rood, waar witte letters comfortabel lezen.
Hetzelfde rood op een story, met de heldere stop weg van de woorden.
Waar rode kleurverlopen het best werken
Rood hoort thuis waar energie en eetlust het punt zijn. Het is gangbaar in eten en drinken, sport, entertainment en uitverkoop, en in feestelijk ontwerp; in de Chinese traditie wordt rood sterk verbonden met geluk en viering, en daarom leidt het in ontwerpen voor Chinees Nieuwjaar. Betekenissen verschillen per cultuur, dus controleer de jouwe in kleurbetekenissen over de hele wereld.
- Eten, cafés en restaurants: kleurverlopen in koraal en terracotta voelen warm en smakelijk
- Sport en fitness: karmijnvuur en scharlaken naar wijnrood dragen snelheid en inspanning
- Mode en beauty: ossenbloed, wijnrood en blush voelen doordacht en premium
- Uitverkoop en lanceringen: één heldere stop op een diep rood vlak trekt het oog zonder te schreeuwen
- Muziek en nachtleven: rood naar zwart en kersengloed passen bij donkere, verlichte ruimtes
Wil je rood zonder het voor elk formaat opnieuw op te bouwen, dan kun je in de Markt van Gradiently Marks zoeken met woorden als ‘dieprood’ of ‘koraal’. Elke Mark schuift zijn rustigste gebied achter je woorden, en dat lost het hierboven beschreven probleem van tekst op rood voor je op.
Vragen die mensen stellen
Welke kleuren passen goed bij rood in een kleurverloop?
Zijn warme buren mengen het schoonst: oranje, koraal, roze en diep wijnrood. Rood richting groen of grijs mengen maakt het midden snel bruin.
Kun je witte tekst op een rode achtergrond zetten?
Ja, als het rood diep genoeg is. Wit op #dc2626 is 4,8:1 en voldoet voor lopende tekst, maar wit op puur #ff0000 is maar 4:1, dus gebruik dat alleen voor grote tekst.
Wat is de hexcode voor een donkerrood kleurverloop?
Probeer linear-gradient(160deg, #2a0708 0%, #4a0e0e 50%, #7f1d1d 100%), een ossenbloedverloop dat van begin tot eind rood blijft.
Waarom oogt mijn rode kleurverloop agressief?
Meestal omdat het hele vlak volledig verzadigd rood is. Houd één heldere stop, laat de rest in dieper rood vallen, en zet rood niet direct tegen verzadigd blauw.
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


