Contrast maakt verschillen zichtbaar. Het kan contrast zijn in grootte, kleur, dikte, vorm of afstand. Een grote kop naast kleine tekst zorgt voor contrast. Dat geldt ook voor een felrode knop op een grijs formulier. Zonder contrast wordt een ontwerp vlak. Alles concurreert evenveel en niets valt op. Met te veel contrast wordt de pagina rommelig en heeft het oog geen rustpunt.

Contrast is niet alleen esthetisch. Het beïnvloedt de leesbaarheid. Tekst met weinig contrast ten opzichte van de achtergrond is moeilijk te lezen, vooral voor mensen met een visuele beperking. De Web Content Accessibility Guidelines (WCA) vereisen een contrastverhouding van minimaal 4,5:1 voor normale tekst. Ontwerpers controleren dit met tools die helderheidsverschillen berekenen. Een hoog contrast is nuttig bij fel zonlicht en op schermen van lage kwaliteit. Een laag contrast kan een bepaalde sfeer creëren, maar het moet een bewuste keuze zijn, geen toeval.

Manieren om contrast te creëren

• Grootte: groot versus klein.
• Kleur: complementair of warm versus koel.
• Gewicht: vetgedrukt versus licht.
• Ruimte: drukbevolkt versus geïsoleerd.

Contrast werkt het best wanneer het bewust wordt toegepast. Eén sterk contrast per scherm heeft vaak meer effect dan vijf concurrerende contrasten.