Gratis HEX naar RGB Converter - Kleurcode Converter & Kleurenkiezer

HEX omzetten naar RGB

Deze tool leest een HEX-kleurcode en toont dezelfde kleur als RGB, HSL, CMYK en een 8-cijferige HEX/RGBA-waarde, samen met een live kleurstaal, een contrastvoorbeeld en een waargenomen helderheid. Je typt of plakt een code, of kiest de kleur visueel, en alle formaten worden samen bijgewerkt.

Zo werkt de omzetting

Een 6-cijferige HEX-code valt uiteen in drie paren van 2 cijfers, elk een hexadecimaal getal van 00 tot FF (0 tot 255 decimaal) voor rood, groen en blauw. Bij de 3-cijferige verkorte vorm wordt elk cijfer eerst verdubbeld, dus #F72 wordt #FF7722 voordat dezelfde splitsing wordt toegepast. Uit dit RGB-drietal wordt HSL afgeleid: het gemiddelde van het lichtste en donkerste kanaal geeft de helderheid, het verschil ertussen de verzadiging, en de volgorde van de kanalen de tint. CMYK wordt ter referentie berekend door K te bepalen uit het grootste van de drie kanalen en cyaan, magenta en geel daarop te schalen. Waargenomen helderheid gebruikt de ITU-R BT.601-gewichten, R keer 299 plus G keer 587 plus B keer 114, gedeeld door 1000; een resultaat boven 128 wordt gemarkeerd als Licht, daaronder als Donker, wat ook de tekstkleur in het contrastvoorbeeld bepaalt. Datzelfde veld herkent ook een rgb(r, g, b)-tekenreeks die direct wordt getypt in plaats van een HEX-code, en elke keuze in de kleurenkiezer werkt het HEX-veld automatisch bij. Als de code niet kan worden geïnterpreteerd, toont de tool een foutmelding direct onder het veld in plaats van een kleur te gokken. Elke omgezette waarde heeft een eigen kopieerknop die na een klik kort verandert in een vinkje, zodat je alleen de RGB-tekst, de CMYK-tekst of de CSS-regel kunt kopiëren zonder de rest aan te raken.

Rekenvoorbeeld

Neem #FF6B35. De paren geven R=255, G=107, B=53, dus RGB(255, 107, 53). Het gemiddelde van het lichtste en donkerste kanaal geeft 60% helderheid, het verschil ertussen 100% verzadiging, en de tint komt uit op 16 graden, samen HSL(16, 100%, 60%). Dezelfde RGB-waarden geven cmyk(0%, 58%, 79%, 0%) in de CMYK-formule. De 8-cijferige vorm is #FF6B35FF, en de CSS-regel is color: #FF6B35;. De helderheid komt uit op 145 van de 255, boven de grens van 128, dus markeert de tool de kleur als Licht en schakelt over op zwarte tekst in het contrastvoorbeeld.

Voorbeelduitvoer

Input:  #FF6B35

Output: {
  "rgb":  "rgb(255, 107, 53)",
  "hsl":  "hsl(16, 100%, 60%)",
  "cmyk": "cmyk(0%, 58%, 79%, 0%)",
  "hex8": "#FF6B35FF",
  "css":  "color: #FF6B35;"
}