Home / Kleurtools / Kleurconverter
Gratis online tools

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

Invoer

#3B82F6

Resultaat

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.