Verschillende kleuren die bij elkaar passen
Meerdere verschillende kleuren met dezelfde helderheid en verzadiging. Op iconen, labels, grafieken en dia's zien ze eruit als één set.
Klik op een kleur om de HEX te kopiëren.
Zo zien ze er samen uit
- Start
- Berichten
- Agenda
- Bestanden
- Foto's
- Muziek
Code
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceControleer je kleuren
Plak de kleuren die je al gebruikt, één per regel of gescheiden door spaties. Je ziet of ze op één niveau liggen en krijgt een gecorrigeerde set met dezelfde tinten.
Vragen en antwoorden
Waarom lijken kleuren met dezelfde HSL-helderheid ongelijk?
HSL behandelt elke tint hetzelfde, maar het oog niet: geel en groen lijken bij dezelfde HSL-waarden veel lichter dan blauw. Deze tool rekent in OKLCH, waar gelijke helderheid er ook gelijk uitziet, zodat geen icoon of grafiekbalk per ongeluk opvalt.
Hoeveel verschillende kleuren kunnen mensen uit elkaar houden?
In een grafiek of legenda houden de meeste mensen snel 6 tot 8 kleuren uit elkaar. Tot 12 lukt nog als er labels naast de kleuren staan. Bij meer categorieën voeg je kleine samen of gebruik je labels, patronen of iconen.
Welke look moet ik kiezen?
Pastel en Zacht passen bij achtergronden van labels en badges met donkere tekst. Helder en Krachtig passen bij iconen, balken en lijnen van grafieken op een witte pagina. Diep en Donker passen bij tegels met witte tekst en accenten in donkere thema's.
Kan ik tekst op deze kleuren zetten?
Ja. De voorvertoning kiest voor elke kleur zwarte of witte tekst. Lichte looks krijgen donkere tekst, diepe looks witte. Controleer voor lopende tekst het exacte paar in de contrastchecker.
Zijn kleuren met gelijke helderheid veilig bij kleurenblindheid?
Kleuren op één niveau verschillen alleen in tint, en dat is het moeilijkste voor mensen met kleurenblindheid. Voeg in grafieken labels of patronen toe, of controleer de set in de kleurenblindheidssimulator. Bij iconen met tekstlabels is het meestal prima.