Question 1

Kleurformaten

Accepted Answer

Webkleuren kunnen in verschillende formaten worden uitgedrukt. HEX, RGB en HSL zijn de drie meest gebruikte formaten in CSS en designtools. Elk vertegenwoordigt dezelfde kleur op een andere manier, en conversie daartussen is essentieel voor front-end ontwikkelingsworkflows.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) codeert rode, groene en blauwe kanalen als twee hexadecimale cijfers elk (00–ff), bijv. #3b82f6. RGB (rgb(r, g, b)) drukt elk kanaal uit als een geheel getal van 0 tot 255, bijv. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) gebruikt tint (0–360°), verzadiging (0–100%) en helderheid (0–100%) — een intuïtiever model voor het aanpassen van kleuren, bijv. hsl(217, 91%, 60%).

Question 3

Kleurkiezer

Accepted Answer

Klik op het kleurstaal bovenaan om de ingebouwde kleurkiezer van je browser te openen. Het selecteren van een kleur werkt automatisch alle drie de formaatvelden bij.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

Kleurconverter

Kleurformaten

HEX, RGB, HSL

Kleurkiezer

Privacy