Kleurconverter
Converteer bewerkbare HEX-, RGB-, RGBA-, HSL-, HSLA- en HSV-waarden terwijl u dezelfde kleur bekijkt en kopieer de indeling die uw code of designsysteem nodi…
Aan de slag
Wat deze tool voor u doet
Converteer bewerkbare HEX-, RGB-, RGBA-, HSL-, HSLA- en HSV-waarden terwijl u dezelfde kleur bekijkt en kopieer de indeling die uw code of designsysteem nodig heeft.
Uitgewerkt voorbeeld
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Hoe het resultaat tot stand komt
RGB slaat de intensiteit van de kanalen rood, groen en blauw op. HSL beschrijft tint, verzadiging en lichtheid; HSV gebruikt helderheid in plaats van lichtheid. Conversie behoudt de weergegeven kleur, onder voorbehoud van afronding en kleurruimtebeperkingen.
Handige toepassingen
- Vertaal kleuren uit ontwerpbestanden naar CSS
- Maak bewerkbare HSL-varianten van een merk-HEX-waarde
- Controleer alfa-waarden voordat u overlays gebruikt
Belangrijke beperkingen
- HEX zonder alfa-kanaal is volledig ondoorzichtig.
- Herhaalde conversies kunnen het laatste cijfer wijzigen omdat kanalen worden afgerond.
- Equivalente numerieke waarden kunnen er anders uitzien op niet-gekalibreerde beeldschermen.
Veelgestelde vragen
Zijn HEX- en RGB-kleuren verschillend?
Het zijn twee notaties voor hetzelfde RGB-kanaalmodel; #3B82F6 en rgb(59,130,246) vertegenwoordigen dezelfde kleur.
Verbetert het converteren van een kleur het contrast?
Nee. Conversie verandert de notatie, niet het contrast. Test het daadwerkelijke paar van voorgrond en achtergrond.
De verwerking gebeurt lokaal in je browser.