Kleurkiezer en kleuromrekenaar
Kies een kleur, plak een code of klik op een afbeelding voor de kleur in alle formaten, met bijpassende paletten en een contrastcheck voor tekst.
- Kies een kleur, code of afbeelding
- Bekijk hem in HEX, RGB, HSL, HSV en CMYK
- Kopieer codes en paletten of check het contrast
Je bestanden verlaten je apparaat nooit
Kleurformaten uitgelegd
- HEX: de zescijferige code uit webdesign en CSS (#14183d).
- RGB: rood-, groen- en blauwwaarden van 0 tot 255 voor schermen.
- HSL en HSV: tint, verzadiging en lichtheid of helderheid — makkelijk met de hand aan te passen.
- CMYK: percentages cyaan, magenta, geel en zwart voor drukwerk.
Een palet samenstellen
- Complementaire kleuren liggen tegenover elkaar en geven sterk contrast.
- Analoge kleuren liggen naast elkaar en voelen rustig en harmonieus.
- Triadische kleuren liggen op gelijke afstand en geven een evenwichtige, levendige uitstraling.
- Klik op een staal om het de huidige kleur te maken en de codes te kopiëren.
Leesbare tekst (WCAG)
Kies tekst- en achtergrondkleur en de tool berekent de contrastverhouding. Streef naar minstens 4,5:1 voor lopende tekst en 3:1 voor grote koppen (niveau AA); 7:1 voldoet aan het strengere niveau AAA.
Veelgestelde vragen
Welke kleurcodes kan ik invoeren?
HEX (#1e90ff of 1e90ff), rgb(), hsl(), hsv(), cmyk() en CSS-kleurnamen zoals navy of tomato.
Hoe pak ik een kleur uit een foto of logo?
Open de afbeelding bij ‘Uit afbeelding kiezen’ en klik op een willekeurig punt. De afbeelding blijft op je apparaat.
Is de CMYK-waarde exact voor drukwerk?
Het is een standaard wiskundige omrekening. Echte drukkleuren hangen af van het kleurprofiel van de printer; controleer belangrijk werk met je drukker.
Wat is de contrastverhouding?
Die meet hoe goed tekst leesbaar is op een achtergrond. WCAG vraagt minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst (niveau AA).
Hoe worden de paletten gemaakt?
Door de tint op de kleurencirkel te draaien: complementair (180°), analoog (±30°) en triadisch (120°), plus lichtere en donkerdere tinten.
Kan ik overal op het scherm een kleur kiezen?
Ja, in browsers die het ondersteunen (zoals Chrome en Edge op de computer) verschijnt een knop ‘Van scherm kiezen’.