Wat is een kleurkiezer?

Met een kleurkiezer kies je een kleur op het oog, zonder getallen in te typen. De meeste ontwerpapplicaties hebben dezelfde indeling: met een kleurtoonschuifregelaar kies je de basiskleur uit de regenboog en met een vierkant ernaast stel je in hoeveel van die kleurtoon aanwezig is (verzadiging, van links naar rechts) en hoe helder de kleur is (van boven naar beneden). Deze indeling is het HSV-kleurmodel. Elke kleur die een scherm kan weergeven, heeft daarin een plek.

Beschrijving van de tool

Sleep over het vierkant en de kleurtoonschuifregelaar om een kleur te vinden, of typ of plak een kleur die je al hebt in HEX, RGB, HSL of een andere indeling. In Chrome en Edge kun je met de pipetknop een kleur ergens op je scherm kiezen, zelfs buiten de browser. Stel de dekking in voor transparante kleuren en kopieer het resultaat in de indeling die je nodig hebt: HEX voor CSS en de meeste ontwerptools, RGB en HSL voor CSS, HSV voor ontwerpapplicaties, OKLCH voor moderne CSS en CMYK als uitgangspunt voor drukwerk.

Functies

  • Vierkant voor verzadiging en helderheid met een kleurtoonschuifregelaar, te bedienen met muis, aanraking of toetsenbord
  • Pipet voor het scherm in Chrome en Edge
  • Typ of plak een kleur in HEX, RGB, HSL, HWB, CMYK en andere indelingen
  • Dekking, weergegeven op een transparantieraster
  • HEX-, RGB-, HSL-, HSV-, OKLCH- en CMYK-waarden, elk direct klaar om te kopiëren
  • Meer indelingen, zoals HWB, LAB, LCH en XYZ, in de lijst met indelingen van de gekozen kleur
  • Werkt in je browser

Hoe het werkt

De tool bewaart de kleur als kleurtoon, verzadiging en waarde. Zo blijft de kleurtoon behouden wanneer je naar wit, zwart of grijs sleept. De overige indelingen worden hiervan afgeleid: HEX en RGB worden afgerond op gehele getallen van 0 tot 255, HSL en HSV op gehele graden en percentages, en OKLCH wordt omgerekend via de sRGB-kleurruimte. Als de dekking lager is dan 100%, krijgt HEX een vierde paar cijfers en krijgen de CSS-indelingen een alfawaarde. CMYK heeft geen alfa en wordt eenvoudig omgerekend, zonder printerprofiel.

Tips

  • De dekking van een geplakte kleur, zoals in rgba(), wordt niet behouden: stel deze in met het veld Dekking.
  • Klik op het vierkant of de schuifregelaar en gebruik de pijltjestoetsen om stappen van 1% te maken, of stappen van 10% met Shift.
  • Gebruik voor kleuren in een foto of screenshotbestand de Afbeeldingskleurkiezer, die de afbeelding zelf uitleest.
  • Vraag je drukkerij welke CMYK-waarden je moet gebruiken, omdat dezelfde kleur er op verschillende drukpersen en papiersoorten anders uit kan zien.