HEX-naar-RGB-converter
Zet kleuren om tussen HEX, RGB en HSL.
Gebruik op elke pagina (bookmarklet)
Wil je HEX-naar-RGB-converter gebruiken zonder de pagina te verlaten waarop je zit? Sleep de knop hieronder naar je bladwijzerbalk en klik erop op een willekeurige website — HEX-naar-RGB-converter opent daar ter plekke en draait volledig in je browser.
Gebruik verantwoord: Een bookmarklet draait op de pagina waarop je erop klikt. Vermijd gevoelige sites zoals online bankieren, betalingen of zorg — gebruik is op eigen risico. Alles wordt lokaal verwerkt en er worden geen gegevens verzonden. Zie onze Voorwaarden.
- Toon de bladwijzerbalk als die verborgen is — Ctrl+Shift+B (⌘+Shift+B op de Mac).
- Sleep de knop hierboven naar de bladwijzerbalk.
- Open een willekeurige website en klik op de bladwijzer — het HEX-naar-RGB-converter-paneel verschijnt rechtsboven. Gebruik ✛ om van hoek te wisselen en ›/‹ om het tegen de rand te vouwen en weer uit te klappen.
- Klik nogmaals op de bladwijzer (of op ✕) om het te sluiten.
Let op: enkele sites met strikt beveiligingsbeleid kunnen bookmarklets blokkeren.
Voorbeelden
HEX → RGB & HSL
Invoer
#3B82F6
Uitvoer
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
Invoer
rgb(255, 99, 71)
Uitvoer
#FF6347 · hsl(9, 100%, 64%)
Over deze tool
Deze gratis online kleurconverter vertaalt kleuren tussen HEX, RGB en HSL. Typ een waarde in een van de drie formaten — of gebruik de kleurkiezer, of de pipet om een kleur overal op je scherm te pakken (Chrome en Edge) — en de andere formaten werken direct bij naast een live kleurstaal. Het accepteert verkort en 8-cijferig hex, evenals rgb()- en hsl()-notatie. Alles draait in je browser zonder upload.
Zo gebruik je het
- Typ een HEX-, RGB- of HSL-kleur (of kies er een met de kleurstaal).
- Lees de geconverteerde waarden voor alle drie de formaten.
- Kopieer het formaat dat je nodig hebt.
Veelvoorkomende toepassingen
Design-tokens tussen formaten converteren, merkkleuren in CSS matchen, een hex-code uit een mockup naar rgb() of hsl() vertalen en helderheid en verzadiging aanpassen via HSL.
Veelgestelde vragen
Hoe converteer ik HEX naar RGB?
Plak een hex-kleur zoals #3B82F6 en de tool toont direct het equivalente rgb(59, 130, 246) en de hsl-waarden, met een live kleurstaal.
Converteert het RGB en HSL terug naar HEX?
Ja. Typ een willekeurige rgb()- of hsl()-waarde en je krijgt de bijbehorende HEX, RGB en HSL — de conversie werkt alle kanten op.
Is deze kleurconverter gratis?
Ja — een volledig gratis online converter voor HEX, RGB en HSL zonder registratie.
Ondersteunt het verkort en 8-cijferig hex?
Ja. Het accepteert hex-codes van 3 cijfers (#abc), 4, 6 en 8 cijfers; een alfakanaal wordt in de RGB/HSL-uitvoer genegeerd.
Kan ik een kleur visueel kiezen?
Ja. Gebruik de ingebouwde kleurkiezer om een kleur te kiezen, en de HEX-, RGB- en HSL-waarden werken automatisch bij.
Kan ik een kleur pakken uit een afbeelding of overal op het scherm?
Ja, in Chrome en Edge. Klik op de knop Pipet (of voer het bookmarklet uit op een willekeurige pagina) en je cursor wordt een kiezer — klik op een willekeurige pixel van een afbeelding, website of ander venster om de hex-kleur vast te leggen. De pipet is niet beschikbaar in Firefox of Safari, dus de knop verschijnt alleen waar die wordt ondersteund.
Worden mijn gegevens ergens geüpload?
Nee. Alle conversie gebeurt in je browser zonder upload.
Gerelateerde tools