Direct naar de inhoud
Toolbox

HEX naar RGB en HSL: kleurconverter

Vul een kleur in in elk gewenst formaat, of kies er een, en krijg hem meteen in HEX, RGB en HSL, klaar om in je CSS te plakken.

Werkt in je browser. Er wordt niets geüpload.

De kleurconverter wordt geladen…

Zo gebruik je de kleurconverter

  1. Typ een kleur zoals #0033ff, rgb(0, 51, 255) of hsl(228, 100%, 50%), of gebruik de kleurkiezer.

  2. Bekijk het voorbeeld.

  3. Kopieer het formaat dat je nodig hebt.

Veelgestelde vragen

Ondersteunt de converter transparantie?

Ja. HEX-codes met acht tekens en waarden in rgba() en hsla() behouden hun alfakanaal.

  • Contrastchecker Nieuw

    Controleer de contrastverhouding van tekst- en achtergrondkleur aan WCAG 2.2 AA en AAA, voor normale tekst, grote tekst en interface-onderdelen.

  • Kleurnaamzoeker

    Vind de naam van elke kleurcode. Zie de dichtstbijzijnde kleurnamen uit de lijsten NTC, HTML, X11, Pantone en ROYGBIV, met hun afstand.

  • CSS-eenhedenconverter Nieuw

    Reken CSS-eenheden om: px naar rem, em, pt, pc, cm, mm en inches en terug, met een lettergrootte voor het root-element die je zelf instelt.

Alle tools in Kleur