Kleurenpaletten

Kleur rood

Puur schermrood: het rode kanaal op maximaal, zonder groen of blauw. Het trekt sneller de aandacht dan elke andere kleur, daarom zie je het bij waarschuwingen, uitverkoop en actieknoppen. Te veel ervan vermoeit de ogen, dus gebruik het in kleine doses.

Ook wel: felrood.

Rood · #FF0000

Feiten over de kleur rood

De kleur rood (#FF0000) is warm, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de roodtinten. Ze bestaat uit 255 rood, 0 groen en 0 blauw (van de 255). Veelgebruikt voor: logo's, bewegwijzering, mode, web.

Tinten van rood: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Kleuren die passen bij rood

ZwartEen krachtig, elegant duo.WitFris en vrolijk.MarineblauwEen maritieme klassieker.GrijsMaakt rood rustiger en ingetogener.BeigeEen warme, elegante basis.GoudLuxe en feest.CamelEen warm, verfijnd contrast.OudrozeEen zacht, trendy contrast.
Zo combineer je rood in kleding en interieur →

Kleurharmonieën van rood

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Cyaan
AnaloogLijkt op: Felroze, Oranje
TriadeLijkt op: Neongroen, Blauw
Gesplitst complementairLijkt op: Mintgroen, Elektrisch blauw
TetradeLijkt op: Chartreuse, Cyaan, Violet

Kleurenpaletten met rood

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Rood
Palet Analoog · Rood
Palet Complementair · Rood
Palet Triade · Rood
Palet Met neutrale kleuren · Rood
Palet Met accent · Rood

Contrast van rood met tekst

Witte tekstContrast 4.0:1 · AA grote tekst
Zwarte tekstContrast 5.3:1 · AA

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

:root {
  --rood: #FF0000;
  --rood-rgb: 255, 0, 0;
}
.achtergrond { background-color: var(--rood); }
.tekst { color: var(--rood); }

Kleuren die lijken op rood

ScharlakenroodFerrariroodOranjeroodNeonoranjeVermiljoenKersenroodTomatenroodMahoniePompoenoranjeKarmozijnrood

Andere roodtinten

KarmozijnroodScharlakenroodVermiljoenGranaatroodBordeauxroodWijnroodKarmijnroodRobijnroodKersenroodBaksteenroodBloedroodMarsalaTomatenroodFerrariroodIndisch rood

Veelgestelde vragen

Wat is de kleurcode van rood?

De HEX-code van de kleur rood is #FF0000. In RGB is dat rgb(255, 0, 0), in HSL hsl(0, 100%, 50%) en in CMYK 0, 100, 100, 0.

Wat is de complementaire kleur van rood?

De complementaire kleur in de kleurencirkel is #00FFFF, een tint die in de buurt komt van cyaan. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur rood?

Gebruik liever zwarte tekst: het contrast met wit is maar 4.0:1, met zwart is het 5.3:1.

Welke kleuren passen bij rood?

Past goed bij zwart, wit, marineblauw, grijs, beige. Combineer het niet met fel groen, want dan lijkt het op kerst, of met intens oranje, want dat is te veel. Grote vlakken rood worden vermoeiend.