Kleuren Converteren — HEX, RGB en HSL Omrekenen

Elke kleur heeft meerdere representaties afhankelijk van de context. Onze converter zet kleuren direct om tussen HEX, RGB, HSL, HSV en CMYK — met visuele preview.

HEX vs. RGB vs. HSL

HEX (#ff5733) is het meest compacte formaat voor web. RGB (rgb(255, 87, 51)) is intuïtief voor programmatische manipulatie. HSL (hsl(11, 100%, 60%)) is het meest intuïtief voor mensen — tint, verzadiging, helderheid.

Wanneer welk formaat gebruiken?

CSS-kleurwaarden: gebruik HEX voor beknoptheid of HSL voor eenvoudige aanpassingen met calc(). SVG-eigenschappen: RGB of HEX. Designtools (Figma, Adobe XD): werk met HSL voor flexibiliteit bij kleurvarianten.

Kleurruimten voor professioneel gebruik

sRGB is de standaard voor schermen. P3 (wide-gamut) biedt levendigere kleuren op moderne Apple-schermen. OKLCH is de nieuwste CSS-kleurruimte met perceptueel uniforme helderheid — ideaal voor dynamisch gegenereerde kleurenpaletten.