Kleurkiezer

Kies een kleur, bekijk de HEX-, RGB- en HSL-waarden en maak verwante harmonieën en variaties direct in je browser.

Een kleur kiezen

Een kleur kiezen

Kleurharmonie

Kleurvariaties

Lichtere tinten

Donkere tinten

Tonen

Wat deze tool doet

Met de kleurkiezer kies je een kleur via de ingebouwde kleurselectie of een HEX-waarde en bekijk je de bijbehorende RGB- en HSL-waarden.

De tool berekent kleurharmonieën en lichtere, donkere en neutralere variaties van de geselecteerde kleur.

Hoe je de tool gebruikt

  1. Kies een kleur met de kleurselectie of voer een volledige HEX-waarde in.
  2. Kies een harmonietype om verwante kleuren uit dezelfde HSL-berekening te bekijken.
  3. Klik op een kleurwaarde in een palet om deze naar het klembord te kopiëren.

Praktische toepassingen

  • Een basiskleur voor een ontwerp documenteren met de bijbehorende HEX-, RGB- en HSL-waarden.
  • Een accent- of ondersteunende kleur voor een interface kiezen op basis van een complementaire of triadische harmonie.
  • Lichtere en donkere waarden voorbereiden voor achtergronden, randen of opvallende elementen.

Opmerkingen en beperkingen

  • De voorbeeldweergave gebruikt gewone browserkleurwaarden en houdt geen rekening met afzonderlijke monitor-, printer- of ICC-profielen.
  • De berekende paletten controleren contrast of toegankelijkheid niet. Controleer belangrijke combinaties van tekst en achtergrond afzonderlijk.

Veelgestelde vragen

Zijn de voorgestelde kleurenpaletten automatisch toegankelijk?

Nee. Harmonieën en variaties worden uit kleurwaarden berekend. Controleer het werkelijke contrast van elke tekst- en achtergrondcombinatie die je wilt gebruiken.