Meer informatie over kleuren
Lees meer over kleur—van licht en waarneming tot RGB, CMYK, HSL, hex, het kleurenwiel, verlopen en contrast dat je in PictorX kunt proberen.
Licht, ogen en twee soorten mengen
Kleur is geen laagje op een voorwerp. Het is licht, plus een brein dat golflengtes omzet in rood, geel of blauwgroen. Schermen tellen licht op (additief): rood, groen en blauw gaan richting wit. Druk en verf trekken licht af (subtractief): inkt filtert golflengtes en mengen gaat richting zwart. Daarom matcht neon op een monitor zelden hetzelfde werk op papier.
RGB: hoe schermen kleur tellen
Een pixel op telefoon of laptop is drie piepkleine lampjes. Elk kanaal zit meestal tussen 0 en 255 (acht bits). (0, 0, 0) is zwart, (255, 255, 255) wit, (255, 0, 0) vol rood. Hex is dezelfde triple voor het web: #FF0000 is dat rood, #000000 zwart. Ontwerpers praten nog in RGB omdat het scherm dat écht uitzendt.
CMYK: waarom de print er anders uitziet
Printers leggen cyaan, magenta, geel en zwart (K) neer. Ze zenden geen licht uit, ze slurpen het op, dus het RGB-gamma van een scherm is groter dan de meeste CMYK-persen. Een verzadigd elektrisch blauw op de monitor wordt op papier vaak dof. Zet om naar CMYK voordat je een drukkleur belooft, en proof op het papier dat je gebruikt. PictorX kan CMYK-cijfers van een gekozen kleur tonen zodat je het gat ziet; het is geen persprofiel.
HSL en HSV: de knoppen van de ontwerper
Tint is de plek op de regenboog (0–360°). Verzadiging is puur versus grijs. Lichtheid (HSL) is hoe dicht bij wit of zwart; waarde (HSV) is hoe dicht bij zwart terwijl de tint lang fel blijft. Ontwerpers houden van HSL en HSV omdat “iets donkerder, dezelfde oranje” één schuif is, geen gok tussen drie RGB-getallen.
Hex en benoemde CSS-kleuren
Hex (#RRGGBB, soms #RGB of #RRGGBBAA) is de webkorting voor RGB. CSS levert ook namen—coral, steelblue, rebeccapurple—met vaste hex-waarden. Namen zijn handig om te schetsen; hex (of een moderne CSS-kleurfunctie) is wat je levert als het merk moet kloppen.
Het kleurenwiel en relaties
Een kleurenwiel zet tinten in een cirkel. Klassieke relaties: complementaire kleuren zitten tegenover (blauw en oranje) en contrasteren hard; analoge kleuren zijn buren en voelen verwant; triadische kleuren zitten drie gelijke stappen uit elkaar en blijven levendig; split-complementair pakt een tint plus de twee naast het tegenovergestelde, contrast met minder botsing; monochroom is één tint in veel lichtheden. De paletgenerator van PictorX houdt nu complementair, analoog en monochroom. Het wiel legt de rest van de klassieke set nog steeds uit, ook als een tool niet elke harmonie biedt.
Verlopen: paden tussen kleuren
Een verloop is een mengsel langs een pad. Lineair reist in een richting; radiaal groeit vanuit een centrum. Color stops spelden exacte kleuren vast. Meer stops is meer controle, niet automatisch meer smaak. In CSS zijn linear-gradient en radial-gradient hetzelfde idee. De verloop-editor van PictorX laat je stops slepen en CSS, HEX, RGB, HSL, HSV of CMYK kopiëren.
Contrast, toegankelijkheid, warm en koel
Contrast is hoe ver twee kleuren in lichtheid (en tint) uit elkaar zitten. WCAG vraagt genoeg contrast zodat tekst leesbaar blijft: ongeveer 4,5:1 voor normale tekst en 3:1 voor grote tekst op niveau AA. Dat is een vloer, geen stijl. Warme tinten (rood, oranje, geel) voelen dichterbij; koele (blauw, groen, violet) wijken terug. Gebruik contrast voor letter en UI; warm en koel voor sfeer.
Kleurtools in PictorX
Het kleurenwiel is om een tint te kiezen en harmonieën te lezen. De verloop-editor is voor mengsels en CSS. De paletgenerator bouwt, vergrendelt en schudt sets—en kan kleuren uit een foto trekken. Color transfer kleedt een beeld met het palet van een ander, in de browser. Kleureffecten duwen een foto in tinten en andere looks. Niets hiervan vervangt een pers of een spectrofotometer; het is een snelle manier om te zien hoe kleur zich op een beeld gedraagt.
Veelgestelde vragen
Wat is het verschil tussen RGB en CMYK?
RGB is additief licht op schermen (meestal 0–255 per kanaal). CMYK is subtractieve inkt op papier. Ze dekken andere bereiken, dus een schermkleur is vaak niet exact te drukken.
Wat betekent complementair op een kleurenwiel?
Complementen zitten tegenover elkaar. Samen contrasteren ze sterk. De paletgenerator van PictorX kan een complementaire set bouwen vanuit een startkleur.
Waarom gebruiken ontwerpers HSL in plaats van RGB?
Tint, verzadiging en lichtheid sluiten aan bij hoe we over kleur praten. Je kunt oranje in HSL donkerder maken zonder het per ongeluk bruin te mengen, zoals een naïeve RGB-aanpassing wel zou kunnen.
Hoeveel contrast vraagt WCAG?
Voor AA ongeveer 4,5:1 voor normale tekst en 3:1 voor grote tekst. Check de letter op de echte achtergrond, niet alleen op een staal.
Gerelateerde gereedschappen
Kleurenwiel
Kies een kleur op een interactief wiel, genereer complementaire, analoge, triadische en andere paletten en kopieer HEX, RGB, HSL, HSV of CMYK. Er wordt niets geüpload.
Verloopeditor
Maak lineaire en radiale CSS-verlopen in je browser. Sleep kleurstops, stel de hoek in en kopieer CSS, HEX, RGB, HSL, HSV of CMYK. Er wordt niets geüpload.
Kleurenpalet generator
Bouw, vergrendel en schud paletten in je browser. Kopieer HEX, CSS-variabelen of JSON, exporteer PNG of SVG en haal kleuren uit een foto. Er wordt niets geüpload.
Kleuroverdracht
Herkleur een foto met de kleuren van een tweede beeld. Live voorbeeld in de browser, sterkteregelaar en optionele helderheid. Er wordt niets geüpload.
Elektrische droomfilters
Geef foto's een cinematografische glow-up via Effecten → Kleur. Gebruik PictorX gratis in je browser, zonder software te installeren.
Klaar om het te proberen?
Open PictorX in uw browser - geen installatie, geen creditcard vereist om te starten.
Probeer het kleurenwiel