Welke kleurcodes geeft het me?

HEX, RGB, HSL, HSV, CMYK en OKLCH voor dezelfde kleur, klaar om te kopiëren.

Kan ik een kleur van mijn scherm kiezen?

Ja, met Kies van scherm in Chromium-browsers zoals Chrome en Edge. De knop is verborgen als je browser dit niet ondersteunt.

Controleert het of tekst leesbaar is op de kleur?

Ja. Het toont de WCAG-contrastverhouding tegen wit en zwart en markeert die als AA groot, AA, AAA of Onvoldoende. Het stelt ook complementaire, triadische, analoge en monochromatische kleuren voor.

Ja. Elke tool is gratis te gebruiken, zonder account en zonder creditcard. Het werk gebeurt op jouw apparaat in plaats van op onze servers, en daarom is het gratis te gebruiken.

Ja. Het werkt in actuele mobiele browsers op iOS en Android, zonder iets te installeren.

🎨

Gratis Kleurenkiezer en palettengenerator

Kies kleuren, converteer HEX/RGB/HSL en genereer harmonieuze paletten.

Draait in je browserGeen aanmelding, geen pop-upsGeen aanmelding vereistVoor altijd gratis

Werkt offline na het laden

Kleurenkiezer

HEX

HSV

h217°

s76%

v96%

alleen weergave

RGB

HSL

Meer formaten

Alfa100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG-contrast

Dichtstbijzijnde benoemde kleur: dodgerblue · Zwarte tekst leest hier makkelijker (5,71:1)

Tekst op wit3,68:1AA groot

Tekst op zwart5,71:1AA

Tekst op #ffffff3,68:1AA groot

Vergelijken met een andere kleur

Tinten & tonen (50–950)

Naam

Kleurenpalet

Complementair

#3b82f6

#f6af3c

Triadisch

#3b82f6

#f63c83

#83f63c

Analoog

#3ce0f6

#3b82f6

#523cf6

Monochromatisch

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Veelvoorkomend gebruik

Kleurenkiezer voor WebdesignKies en genereer kleuren voor uw website — krijg HEX-, RGB- en HSL-waarden plus harmonische paletten.
Kleurenkiezer voor BrandingBouw uw merkkleurenpalet — kies primaire, secundaire en accentkleuren die goed samenwerken.
Kleurenkiezer voor SocialmediaMaak oogverblindende kleurpaletten voor socialmediaposts, stories en profielontwerpen.
Kleurenkiezer voor DrukKies kleuren voor gedrukte materialen — flyers, visitekaartjes, brochures — met nauwkeurige kleurenvoorbeelden.
Kleurenkiezer voor PresentatiesOntwerp kleurenschema's voor dia's — kies leesbare tekstkleuren, diagrampaletten en consistente accenttinten.

Hoe het werkt

Alles draait direct in je browser met zelfgeschreven omrekenwiskunde — geen kleurbibliotheek, geen serververzoek. Je kiest een kleur via de native kleurinvoer van de browser of de EyeDropper API, en de tool zet die direct om naar zes formaten en berekent daarnaast WCAG-contrastverhoudingen en harmoniepaletten.

1
Kleurinvoer via native API
Je kiest een kleur via het ingebouwde <input type="color">-widget van de browser, of — in op Chromium gebaseerde browsers — met de EyeDropper API waarmee je elke pixel op je scherm kunt oppikken. Beide routes leveren een hextekenreeks die de enige bron van waarheid wordt.
2
Zelfgeschreven formaatomzettingen
De tool zet de hexwaarde om naar RGB, HSL, HSV, CMYK en OKLCH met eigen wiskundige functies (geen externe bibliotheek). De OKLCH-omzetting lineariseert de sRGB-kanalen, past de OKLab-matrix met derdemachtswortel toe en leidt daarna chroma en tinthoek af — overeenkomend met de uitvoer van moderne CSS Color Level 4.
3
Berekening van de WCAG-contrastverhouding
De relatieve luminantie wordt berekend uit de gelineariseerde RGB-kanalen met de WCAG 2.x-formule. Daarna berekent de tool de contrastverhoudingen tegenover puur wit en puur zwart en labelt die als AA-groot, AA, AAA of Onvoldoende volgens de WCAG-drempels (3:1, 4.5:1, 7:1).
4
Harmoniepaletten maken en lokaal opslaan
Complementaire, triadische, analoge en monochromatische stalen worden afgeleid door de HSL-tint en -lichtheid wiskundig te roteren of in stappen te variëren. Opgeslagen paletten worden in localStorage in je browser geschreven — er verlaat niets je apparaat.

Gerelateerde tools

🎨

Willekeurige kleurengenerator

Genereer willekeurige kleuren één voor één of als palet van vijf, vergrendel de kleuren die je mooi vindt, kopieer HEX-, RGB- of HSL-waarden en exporteer het palet als PNG of CSS.

Probeer het

🎨