Hoofdletterconverter
Kleurconverter
Kies een kleur of plak hem in elk formaat - HEX, RGB of HSL - en lees hem in alle vier de notaties tegelijk, met een live swatch. Geen registratie, gratis.
- HEX
- #ff4500
- RGB
- rgb(255, 69, 0)
- HSL
- hsl(16, 100%, 50%)
- HSV
- hsv(16, 100%, 100%)
Zo converteer je een kleur
Kies of plak een kleur
Gebruik de visuele picker, of plak #ff4500, rgb(255, 69, 0) of hsl(16, 100%, 50%) - alles wordt herkend.
Lees elk formaat
HEX-, RGB-, HSL- en HSV-waarden werken samen bij, elk met een eigen kopieerknop.
Bekijk de swatch
De live swatch toont precies de kleur die je kopieert.
Veelgestelde vragen over kleurformaten
Wanneer gebruik ik HSL in plaats van RGB?
HSL scheidt tint van verzadiging en lichtheid, waardoor programmatische aanpassingen intuïtief worden - verdonker door L te verlagen, dempen door S te verlagen. RGB en HEX zijn wat CSS en ontwerptools uitwisselen.
Wat is het verschil tussen HSL en HSV?
Beide gebruiken tint en verzadiging, maar de derde as van HSL is lichtheid (100% = wit) terwijl die van HSV waarde/helderheid is (100% = de pure tint). Ontwerpsoftware toont vaak HSV; CSS ondersteunt HSL.
Worden verkorte hexcodes zoals #f40 ondersteund?
Ja - #f40 wordt uitgebreid naar #ff4400, precies zoals browsers het interpreteren.
Wordt er iets geüpload?
Nee. Conversie is simpele wiskunde die in je browser draait.