Kleurkiezer
Kies een kleur, stem hem fijn af en kopieer de code in het formaat dat je nodig hebt.
Verzegeld op dit apparaat
Werkt in je browser. Er wordt niets geüpload.
Verzegeld
Kies een kleur
Kleurcodes
Lichter en donkerder
Lichtere tinten aan de ene kant, donkerdere aan de andere. Kies er een om hem te gebruiken.
Zo werkt het
-
Kies een kleur
Sleep in het kleurvlak en over de tintschuif, typ een code die je al hebt of kies een kleur van je scherm.
-
Stem hem fijn af
Pas de dekking aan, of bekijk lichtere en donkerdere tinten van je kleur om een andere variant te vinden.
-
Kopieer de code
Kopieer de HEX-, RGB-, HSL-, OKLCH- of CMYK-waarde en plak hem in je ontwerp, code of document.
Veelgestelde vragen
Hoe kies ik een kleur van mijn scherm?
Kies ‘Van scherm kiezen’ en klik ergens op je scherm om die kleur vast te leggen. Deze pipet werkt in Chrome, Edge en andere op Chromium gebaseerde browsers op computers. In andere browsers opent het kleurstaal de kleurkiezer van je systeem, die vaak een eigen pipet heeft.
Welk kleurformaat moet ik gebruiken?
HEX is het meest gebruikt in webdesign en werkt overal. RGB en HSL zijn handig in CSS als je waarden met de hand wilt bijstellen. OKLCH is het moderne CSS-formaat dat de lichtheid gelijk houdt over alle tinten. CMYK is een startpunt voor drukwerk.
Wat is het verschil tussen een lichtere en een donkerdere tint?
Een lichtere tint is je kleur gemengd met wit. Een donkerdere tint is je kleur gemengd met zwart. De kiezer mengt ze in een perceptuele kleurruimte, zodat elke stap er even groot uitziet.
Kan ik de kiezer met het toetsenbord bedienen?
Ja. Zet de focus op het kleurvlak en gebruik de pijltoetsen om verzadiging en helderheid te wijzigen. Houd Shift ingedrukt voor grotere stappen. De schuiven voor tint en dekking werken ook met de pijltoetsen.
Kan ik een kleur delen?
Ja. Het adres van de pagina wordt bijgewerkt met de kleur die je kiest, dus je kunt hem als bladwijzer opslaan of de link naar iemand sturen.