Wat is een HEX-kleurcode en hoe lees je die?

Een HEX-code is een 6-tekens kleurrepresentatie met #-prefix. De eerste 2 tekens zijn Rood, de volgende 2 Groen en de laatste 2 Blauw, elk van 00 (0) tot FF (255). #FF0000 is puur rood: R=255, G=0, B=0.

Wat is het verschil tussen HSL en HSV?

Beide gebruiken Tint (0–360°) en Verzadiging, maar verschillen in het derde component. HSL: Helderheid 0%=zwart, 100%=wit, 50%=pure kleur. HSV: Waarde 0%=zwart, 100%=maximale helderheid. HSL wordt gebruikt in CSS; HSV in grafische kleurkiezers.

Welk formaat moet ik in CSS gebruiken?

CSS ondersteunt rgb() en hsl() native. rgb() is het meest verspreid. hsl() is handig voor systematische kleurvariaties. HSV is geen CSS-standaard maar wordt intern gebruikt door Figma en Sketch.

Is de HEX-naar-RGB-conversie altijd exact?

Ja, HEX RGB is wiskundig exact en omkeerbaar. De conversie naar HSL en HSV rondt af op hele graden, maar blijft nauwkeurig voor praktisch gebruik.

Hoe gebruik ik deze waarden in mijn designworkflow?

Gebruik rgb() of hsl() direct in CSS, voer R/G/B-waarden in in Figma, gebruik HSV voor uniforme kleurschalen, of ga verder met de paletgenerator.

Hoeveel kleurwaarden kan de tool converteren?

De tool converteert elke geldige 6-cijferige HEX-code (#000000 tot #FFFFFF), wat alle 16+ miljoen kleuren in het 8-bit RGB-model omvat. De conversie vindt direct plaats in de browser.

HEX naar RGB Converter

Converteer elke HEX-code direct naar RGB, HSL en HSV. Kopieer waarden met één klik voor CSS, ontwerptools of elke creatieve workflow.

RGB · HSL · HSVKopiëren in 1 klikCSS-ready

① Voer een HEX-code in of kies een kleur ② Converteer om RGB, HSL en HSV te krijgen ③ Klik op een waarde om te kopiëren

HEX-kleur

Presets:

Hoe het werkt

Plak een 6-cijferige HEX-code (bijv. #FF4500) en krijg direct de equivalente RGB-, HSL- en HSV-waarden. Klik op een resultaat om het te kopiëren.

RGB

Rood, Groen, Blauw — het standaard kleurmodel voor schermen. Elk kanaal gaat van 0 tot 255. Wordt native gebruikt in CSS met rgb().

HSL & HSV

HSL (Tint, Verzadiging, Lichtheid) en HSV (Tint, Verzadiging, Waarde) beschrijven kleuren intuïtiever, dichter bij de menselijke waarneming.

HEX naar RGB, HSL en HSV — hoe de conversie werkt

HEX-codes zijn de hexadecimale representatie van de drie RGB-kanalen (Rood, Groen, Blauw). #FF4500 is gelijk aan R=255, G=69, B=0. De CSS rgb()-functie is het meest gebruikte formaat in stylesheets en ontwerpsystemen. HSL voegt Tint 0–360°, verzadiging en lichtheid in procenten toe. HSV gebruikt Waarde in plaats van Lichtheid, wat natuurlijker is voor visueel mengen in Figma, Adobe en andere tools. Alle drie formaten zijn direct bruikbaar in CSS, SVG en canvas.

Veelgestelde vragen

Een HEX-code is een representatie van 6 tekens met #-prefix. De eerste 2 zijn Rood, de volgende 2 Groen en de laatste 2 Blauw, van 00 (0) tot FF (255). #FF0000 is puur rood: R=255, G=0, B=0.

Verdeel de 6 tekens in drie paren en converteer elk van basis 16 naar basis 10. FF wordt 255, 80 wordt 128, 00 wordt 0. Het resultaat is een rgb(R, G, B) tripel.

Beide gebruiken Tint (0–360°) en Verzadiging, maar verschillen in het derde component. HSL: Lichtheid 0%=zwart, 100%=wit, 50%=pure kleur. HSV: Waarde 0%=zwart, 100%=maximale helderheid. HSL heeft de voorkeur in CSS; HSV in de meeste grafische kleurkiezers.

CSS ondersteunt rgb() en hsl() native. rgb() wordt het meest gebruikt. hsl() is handig voor systematische kleurvariaties. HSV wordt niet native ondersteund maar wordt gebruikt door Figma en Sketch.

Ja, HEX ↔ RGB is wiskundig exact en omkeerbaar. De conversie naar HSL en HSV introduceert afronding naar gehele graden, maar blijft nauwkeurig voor praktisch gebruik.

Gebruik rgb() of hsl() in CSS, voer R/G/B-waarden in Figma in, gebruik HSV voor uniforme kleurschalen, of ga verder met de paletgenerator of tint & shade.

De tool converteert elke geldige 6-cijferige HEX-code (#000000 tot #FFFFFF), wat de meer dan 16 miljoen kleuren van het 8-bit RGB-model dekt. De conversie vindt plaats in de browser zonder gegevens te verzenden.

HEX naar RGB, HSL en HSV — hoe de conversie werkt

Veelgestelde vragen

Ontdek ons netwerk