Elke kleurfomaat beskryf dieselfde ding in ’n ander taal: HEX vir stylesheets, RGB vir skerms en kode, HSL vir paletbou en CMYK vir drukwerk. Kies die omskakeling wat jy nodig het en kry die presiese waarde, ’n lewendige voorbeeld en die formule daaragter.
Die vier kleurfomate
Wat is HEX?
’n HEX-kode is ’n ses-syfer heksadesimale getal wat die rooi-, groen- en bloukanaal van ’n kleur agter ’n leidende # stoor. Elke paar syfers dek een kanaal, van 00 (geen) tot FF (vol), wat dieselfde 16,7 miljoen kleure gee as RGB maar in ’n baie korter notasie. HEX is die verstek in CSS, ontwerptoepassings en handelsriglyne.
- Sintaks:
- #RRGGBB
- Beste vir:
- CSS, ontwerp-oordrag, handelsriglyne
Wat is RGB?
RGB beskryf ’n kleur as drie ligkanale — rooi, groen en blou — elk van 0 tot 255. Dit weerspieël hoe skerms werklik werk: almal by 255 gee wit, almal by 0 gee swart. RGB is die regte keuse wanneer jy met die nommers moet reken, en rgba() voeg deursigtigheid bo-op.
- Sintaks:
- rgb(R, G, B)
- Beste vir:
- kode, canvas, deursigtigheid met rgba()
Wat is HSL?
HSL verdeel ’n kleur in hue (0–360° op die kleurwiel), versadiging (hoe kleurvol, 0–100%) en ligtheid (hoe helder, 0–100%). Omdat elk van hierdie dele ooreenstem met hoe mense kleur beskryf, is HSL die maklikste formaat om tint-, skadu- en konsekwente palette te bou — met die hand of in kode.
- Sintaks:
- hsl(H, S%, L%)
- Beste vir:
- palette, tint- en skaduwerk, theming
Wat is CMYK?
CMYK is die vier-ink model wat in drukwerk gebruik word: cyan, magenta, geel en key (swart), elk as ’n persentasie van 0 tot 100. Ink trek lig weg in plaas van dit uit te straal, so CMYK dek minder kleure as ’n skerm — daarom lyk helder skermkleure dikwels doffer wanneer hulle gedruk word.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Beste vir:
- drukwerk, verpakking, persgereed kunswerk