Gratis kleurselectie

Online kleurselectie: de volledige gids

De Volade-kleurselectie is een alles-in-één webtool die een schermpipet, een geavanceerde kleurbewerker, een paletgenerator, een verloopcreator, een WCAG-toegankelijkheidscontrole, een kleurenblindheidssimulator, een mengtool en een export voor ontwikkelaars combineert — alles in één interface, 100% lokaal, geen aanmelding.

In tegenstelling tot klassieke bewerkers die beperkt zijn tot HEX/RGB/HSL, ondersteunt Volade 16 kleurruimten waaronder LAB, LCH, OKLCH, OKLAB, CMYK, Display P3, XYZ en HWB. Elk formaat wordt in realtime weergegeven met een directe kopieerknop, waardoor het de meest volledige tool is voor ontwerpers, ontwikkelaars en drukkers.

De schermpipet: pixel-perfecte precisie

De schermpipet maakt gebruik van de EyeDropper API van moderne browsers om elke zichtbare kleur op uw scherm vast te leggen. Klik ergens — op een afbeelding, een website, een document — en de kleur wordt direct vastgelegd. Het hoogwaardige vergrootglas laat u mikken op het juiste pixel, en toetsenbordnavigatie (pijltjestoetsen) biedt absolute precisie. Gebiedsbemonstering (1×1, 3×3, 5×5, 11×11) egaliseert JPEG-compressieartefacten om de gemiddelde kleur van een gebied te verkrijgen.

De geselecteerde kleur verschijnt in de geschiedenis van recente kleuren, en het wisselen naar de vorige kleur is direct. Voor gevorderde gebruikers toont de precisie-modus de exacte pixelcoördinaten en de waarden per kanaal in realtime.

Een kleurbewerker zonder compromissen

De bewerker toont tegelijkertijd 16 kleurformaten: HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV/HSB, HWB, CMYK, LAB, LCH, OKLAB, OKLCH, Display P3, XYZ en Linear RGB. Elke waarde is direct bewerkbaar: wijzig het HSL en alle andere formaten worden in realtime bijgewerkt. Het kleurenwiel biedt intuïtieve visuele besturing, terwijl numerieke sliders een nauwkeurige aanpassing mogelijk maken.

Alpha/transparantie wordt native beheerd: pas de dekking aan van 0 tot 100% met de speciale slider en zie onmiddellijk het effect op alle formaten. De wijzigingsgeschiedenis registreert elke aanpassing, met undo/redo om op elk moment terug te gaan.

Smart Color Intelligence: verder dan simpel kiezen

Vanuit één enkele kleur genereert het tool automatisch alle klassieke harmonieën: complementair, analoog, triadisch, tetradisch, gesplitst complementair en monochromatisch. Maar het gaat verder: schaduwen (donkerder), tinten (lichter), tonen (gedesatureerd), warme en koele varianten worden automatisch geproduceerd.

De modus Genereer Palet transformeert elke kleur tot een compleet ontwerpsysteem: primary, secondary, accent, background, surface, text, muted, border, success, warning, error, info — elk met zijn RGB-, OKLCH- en HEX-waarden.

Afbeelding → Palet: kleuren uit een foto extraheren

Sleep een afbeelding (foto, illustratie, schermafbeelding) en het tool analyseert de pixels om het palet te extraheren. Vijf extractiemodi zijn beschikbaar: Dominant (meest voorkomende kleuren), Levendig (meest verzadigd), Gedemp (gedesatureerd), Gebalanceerd (visueel harmonieus) en Merk (kleuren die passen bij een merkidentiteit).

De extractie levert tussen 5 en 15 kleuren, elk gelabeld met de potentiële rol (dominant, accent, donker, licht). Het is een belangrijke versneller voor ontwerpers die een ontwerpsysteem moeten extraheren uit een bestaande foto.

WCAG-toegankelijkheidscontrole

De sectie toegankelijkheid vergelijkt twee kleuren (voorgrond vs. achtergrond) en toont de exacte contrastverhouding met WCAG AA- en AAA-badges voor gewone tekst, grote tekst en UI-componenten. Als de verhouding onvoldoende is, stelt de Auto Fix-knop automatisch de dichtstbijzijnde kleur voor die aan de normen voldoet.

Het is een onmisbaar tool voor ontwikkelaars die moeten voldoen aan verplichte toegankelijkheidsnormen (RGAA, EN 301 549, ADA, Section 508).

Kleurenblindheidssimulator: ontwerp voor iedereen

Ongeveer 350 miljoen mensen ter wereld zijn kleurenblind. De simulator toont uw kleuren zoals ze worden waargenomen door alle acht soorten kleurenblindheid: protanopie, deuteranopie, tritanopie, achromatopsie en hun matige varianten. Het is de enige manier om te verifiëren dat uw interface werkelijk toegankelijk is.

Verloopgenerator met geavanceerde interpolatie

Maak lineaire, radiale en conische verlopen met maximaal 10 kleurpunten. RGB-interpolatie produceert klassieke verlopen; HSL biedt vloeiendere overgangen; LAB en OKLCH creëren perceptueel uniforme verlopen zonder zichtbare banden. De CSS-code wordt automatisch gegenereerd en is met één klik te kopiëren.

Kleurmengtool: kleuren mengen

Meng twee kleuren met een configureerbare verhouding (van 0/100 tot 100/0) in vier modi: RGB (additief mengen), HSL (tintrotatie), LAB (perceptuele ruimte) en OKLCH (het meest natuurlijk). Het is de ideale tool voor het maken van tussenliggende kleuren, schaduwen en aangepaste tinten.

ΔE-kleurverschil: professionele precisie

Voor ontwerpers en professionals in de drukkerij is het berekenen van kleurverschil (Delta E) essentieel. Het tool toont ΔE76, ΔE94 en ΔE2000 met een tekstuele interpretatie: onmerkbaar (ΔE < 1), merkbaar met inspanning (1-2), verschillend (2-10), sterk verschillend (10-50) en hoog contrast (50+).

Color Playground: test in echte omstandigheden

De playground toont uw kleur op echte interfacecomponenten: knoppen, kaarten, badges, invoervelden, waarschuwingen, links en tekst. U ziet direct of uw kleur werkt als achtergrondkleur, knopkleur of tekstkleur — met realtime toegankelijkheidsscores.

Export voor ontwikkelaars: 10 codeformaten

Genereer code in uw taal: CSS Variables, SCSS, Tailwind-configuratie, JSON-design tokens, TypeScript, Swift (UIColor), Kotlin (Color), Flutter/Dart, React Native (StyleSheet) en Vue. Elke export bevat varianten (50-950) en rollen (primary, secondary, accent, enz.).

Voor wie is dit nuttig?

UI/UX-ontwerpers die paletten en ontwerpsystemen maken; front-end ontwikkelaars die kleuren integreren in CSS, Tailwind of SCSS; grafisch ontwerpers die stijlgidsen extraheren uit foto's; toegankelijkheidsteams die WCAG-contrast controleren; drukprofessionals die ΔE berekenen; en elke maker die kleuren professioneel wil verkennen.