Kleurconverter
Converteer tussen HEX, RGB en HSL.
- Direct
- Gratis
- Privé (lokaal verwerkt)
- Zonder registratie
Eén tool voor elk kleurformaat
Ontwerpers en ontwikkelaars schakelen voortdurend tussen HEX, RGB en HSL. Deze converter verbindt alle drie: wijzig er een en de andere worden bijgewerkt, met een live voorbeeld van de kleur.
Hoe te gebruiken
-
Kies een kleur
Met de visuele kiezer of door een HEX-, RGB- of HSL-code te typen.
-
Lees alle drie de formaten
De equivalente waarden verschijnen direct.
-
Kopieer de code
Eén klik op het pictogram kopieert het gewenste formaat, klaar voor CSS.
Perfect om een stijlgids te maken, contrast aan te passen of het equivalent van een merkkleur te vinden.
Veelgestelde vragen
Wat is het verschil tussen HEX, RGB en HSL?
HEX (#RRGGBB) en RGB beschrijven een kleur via de rode, groene en blauwe componenten. HSL beschrijft hem via tint, verzadiging en helderheid, wat intuïtiever is om een tint bij te stellen. Alle drie geven dezelfde kleur weer.
Hoe zet ik een HEX-code om naar RGB?
Elk paar tekens in de HEX-code is een hexadecimaal getal van 0 tot 255. Voorbeeld: #6366F1 → rgb(99, 102, 241). De tool doet dit automatisch in beide richtingen.
Kan ik een kleur visueel kiezen?
Ja. De ingebouwde kleurkiezer werkt alle drie de formaten direct bij, en het voorbeeld weerspiegelt je keuze in realtime.
Zijn de codes CSS-compatibel?
Ja. De gegenereerde formaten (#hex, rgb(), hsl()) plak je direct in een stylesheet of een ontwerptool.