Kleurconverter

Zet direct HEX-, RGB- en HSL-kleurcodes om. Inclusief kleurenkiezer, gratis.

683 weergaven

HEX
RGB
HSL

Wat zijn HEX, RGB en HSL?

HEX (bijv. #ff8000) schrijft de rood-groen-blauwwaarden als hexadecimale getallen en is de meest gebruikte notatie op het web. RGB (bijv. rgb(255, 128, 0)) drukt dezelfde drie kanalen uit als decimale getallen van 0–255. HSL (bijv. hsl(30, 100%, 50%)) beschrijft een kleur via tint, verzadiging en helderheid — de handigste vorm om lichtere of donkerdere varianten van een kleur af te leiden.

Kies een kleur met de kleurenkiezer of typ een HEX-code — alle drie de notaties worden direct bijgewerkt. Handig bij het schrijven van CSS, het opstellen van een ontwerppalet of het uitdrukken van merkkleuren in verschillende formaten.

Veelgestelde vragen

Hoe zet ik een HEX-kleur om naar RGB?

Elk paar HEX-cijfers vertegenwoordigt één kanaal in hexadecimale vorm: voor #ff8000 is ff=255 (rood), 80=128 (groen), 00=0 (blauw), dus rgb(255, 128, 0). Deze tool voert de omzetting automatisch uit.

Worden 3-cijferige HEX-codes (zoals #f80) ondersteund?

Ja. Korte notatie zoals #f80 wordt uitgebreid door elk cijfer te verdubbelen tot #ff8800; de tool accepteert beide vormen.

Wanneer kies ik beter voor HSL?

Wanneer u lichtere, donkerdere of gedempte varianten van een kleur nodig heeft, is HSL de handigste vorm: verander alleen de helderheid (L) of verzadiging (S) om consistente tinten te krijgen. CSS ondersteunt de hsl()-notatie rechtstreeks.

Vergelijkbare tools