Direct naar de hoofdinhoud
Kleurenlens

Paletlab · kleurparen toetsen

Paletlab

Educatieve simulatie

Voer het kleurenpalet van je grafiek, kaart of interface in. Paletlab benadert per kleurzichtprofiel welke kleurparen kunnen samenvallen, en rekent het WCAG-contrast uit — zodat je ziet waar kleur alléén niet genoeg is.

Je palet: origineel en benadering

Boven: origineelOnder: Deuteranopie, vast eindpunt (benadering)

  1. Kleur 1: origineel #d62728, benadering #8c7917
  2. Kleur 2: origineel #ff7f0e, benadering #c5a900
  3. Kleur 3: origineel #2ca02c, benadering #988434

Oordeel · Deuteranopie

Let op: 1 paar valt vrijwel samen

Bij Deuteranopie (vast eindpunt) benadert Paletlab dat kleur 1 (#d62728) en kleur 3 (#2ca02c) vrijwel niet meer van elkaar te onderscheiden is. Geef die informatie een tweede drager — tekst, een vorm, een patroon of een duidelijk helderheidsverschil — of kies kleuren die verder uit elkaar liggen.

01 · Je palet

Kleuren invoeren

Typ een hexcode, gebruik de kleurkiezer, plak een lijst of kies een voorbeeld.

3 van maximaal 12 kleuren
Plak een lijst hexcodes

Gescheiden door spaties, komma’s of nieuwe regels — 2 tot 12 kleuren. Het huidige palet wordt vervangen.

Of begin met een voorbeeld

02 · Kies een profiel

Kleurzichtprofiel

Hetzelfde model als de simulator. Gebruik de pijltjestoetsen om te wisselen.

vast (100%)

Dichromasie is een vast eindpunt, geen instelbare sterkte.

03 · Kleurparen

Welke paren komen te dicht bij elkaar?

Bij Deuteranopie, vast eindpunt. Gesorteerd van nauwst naar ruimst. ΔE00 onder 5: valt vrijwel samen; onder 10: lastig te onderscheiden. Die grenzen zijn een vuistregel, geen norm — zie de uitleg onderaan.

  • Kleur 1#d62728enKleur 3#2ca02cValt vrijwel samen
    Kleurverschil (ΔE00)
    71,8 origineel, 4,8 gesimuleerd
    Benadering
    #8c7917en#988434
    Helderheidscontrast (WCAG)
    1,47:1 — onder 3:1
Toon de 2 paren die goed te onderscheiden blijven
  • Kleur 2#ff7f0eenKleur 3#2ca02cGoed te onderscheiden
    Kleurverschil (ΔE00)
    55,2 origineel, 14,2 gesimuleerd
    Benadering
    #c5a900en#988434
    Helderheidscontrast (WCAG)
    1,34:1 — onder 3:1
  • Kleur 1#d62728enKleur 2#ff7f0eGoed te onderscheiden
    Kleurverschil (ΔE00)
    26,5 origineel, 17,1 gesimuleerd
    Benadering
    #8c7917en#c5a900
    Helderheidscontrast (WCAG)
    1,98:1 — onder 3:1

04 · Contrast

Contrast met de achtergrond (WCAG)

Tekst vraagt 4,5:1 (AA) of 7:1 (AAA); grote tekst 3:1. Lijnen, vlakken en bedieningselementen vragen 3:1 (SC 1.4.11). Zoals WCAG het voorschrijft, rekenen we met je originele kleuren.

Achtergrond

  • Kleur 1 #d627285,02:1

    Tekst AA: voldoetTekst AAA: voldoet nietGrote tekst AA: voldoetGrafisch 3:1: voldoet

  • Kleur 2 #ff7f0e2,53:1

    Tekst AA: voldoet nietTekst AAA: voldoet nietGrote tekst AA: voldoet nietGrafisch 3:1: voldoet niet

  • Kleur 3 #2ca02c3,40:1

    Tekst AA: voldoet nietTekst AAA: voldoet nietGrote tekst AA: voldoetGrafisch 3:1: voldoet

05 · Alle profielen

Je palet bij alle zes profielen

Anomalieën met de ingestelde ernst, dichromasie als vast eindpunt.

  • Protanomalieernst 60%

    Geen probleemparen (nauwste ΔE00 16,5)

  • Protanopievast eindpunt

    1 paar valt vrijwel samen

  • Deuteranomalieernst 60%

    Geen probleemparen (nauwste ΔE00 18,8)

  • Deuteranopievast eindpunt

    1 paar valt vrijwel samen

    Actief

  • Tritanomalieernst 60%

    Geen probleemparen (nauwste ΔE00 19,4)

  • Tritanopievast eindpunt

    Geen probleemparen (nauwste ΔE00 18,4)

Uitleg

Wat betekenen deze getallen?

ΔE00: hoe ver liggen twee kleuren uit elkaar?

ΔE00 (CIEDE2000) is een maat voor hoe verschillend twee kleuren er voor een gemiddelde kijker uitzien. Rond 1 zie je onder ideale omstandigheden net verschil; in een grafiek, met kleine vlakken en weinig tijd, heb je veel meer nodig. Paletlab rekent het verschil uit vóór en ná de simulatie: een paar dat van 70 naar 5 zakt, verliest bij dat profiel zijn onderscheid.

De grenzen 5 (“valt vrijwel samen”) en 10 (“lastig te onderscheiden”) zijn een vuistregel van Kleurenlens, geen officiële norm. Gebruik ze om te zien wáár je moet kijken, niet als keurmerk.

Contrast: helderheid, niet kleur

De WCAG-contrastverhouding vergelijkt alleen hoe licht twee kleuren zijn, van 1:1 (gelijk) tot 21:1 (zwart op wit). Een helderheidsverschil blijft bij de meeste kleurzichtprofielen grotendeels overeind — al wordt rood bij een protan-profiel wel donkerder — en is daarom de betrouwbaarste manier om kleuren uit elkaar te houden. Een paar met minstens 3:1 onderling blijft ook zonder kleur herkenbaar.

Wat kun je doen?

  • Laat kleur nooit de enige drager zijn: voeg labels, vormen of patronen toe (WCAG 1.4.1).
  • Laat kleuren ook in helderheid verschillen, niet alleen in tint.
  • Vermijd rood naast groen voor tegengestelde betekenissen; blauw en oranje zijn robuuster.

Meer over het model en de bronnen: Over deze simulatie. Wil je het effect op een hele afbeelding zien? Open de simulator.

Paletlab benadert welke kleuren van je palet bij een kleurzichtprofiel kunnen samenvallen. Het laat niet zien hoe iemand die kleuren precies ziet.

Je palet blijft op dit apparaat. Alle berekeningen gebeuren in je browser; de deellink bevat alleen de hexcodes en je instellingen.