Gratis HEX till RGB Omvandlare - Färgkodsomvandlare & Färgväljare

Konvertera HEX till RGB

Det här verktyget läser en HEX-färgkod och visar samma färg som RGB, HSL, CMYK och ett 8-siffrigt HEX/RGBA-värde, tillsammans med ett live-färgprov, en kontrastförhandsvisning och en upplevd ljushet. Du skriver eller klistrar in en kod, eller väljer färgen visuellt, och alla format uppdateras samtidigt.

Så fungerar omvandlingen

En 6-siffrig HEX-kod delas i tre 2-siffriga par, vardera ett hexadecimaltal från 00 till FF (0 till 255 decimalt) för rött, grönt och blått. I 3-siffrig kortform dubbleras varje siffra först, så #2B8 blir #22BB88 innan samma delning används. Från detta RGB-tripel räknas HSL fram från medelvärdet av den ljusaste och mörkaste kanalen för ljushet, skillnaden mellan dem för mättnad, och nyansen från kanalernas ordning. CMYK räknas ut som referens genom att hitta K från den största av de tre kanalerna och skala cyan, magenta och gult mot det. Upplevd ljushet använder ITU-R BT.601-vikterna, R gånger 299 plus G gånger 587 plus B gånger 114, delat med 1000; ett resultat över 128 märks Ljus, därunder Mörk, vilket också avgör textfärgen i kontrastförhandsvisningen. Samma inmatningsfält känner även igen en rgb(r, g, b)-sträng skriven direkt istället för en HEX-kod, och varje val från färgväljaren uppdaterar HEX-fältet automatiskt. Om koden inte kan tolkas visar verktyget ett felmeddelande direkt under fältet istället för att gissa en färg. Varje omvandlat värde har en egen kopieringsknapp som kort blir en bock efter klick, så du kan hämta bara RGB-strängen, CMYK-strängen eller CSS-raden utan att röra resten.

Räkneexempel

Ta #2A9D8F. Paren ger R=42, G=157, B=143, alltså RGB(42, 157, 143). Medelvärdet av ljusaste och mörkaste kanal ger 39 procent ljushet, skillnaden mellan dem 58 procent mättnad, och nyansen hamnar på 173 grader, tillsammans HSL(173, 58%, 39%). Samma RGB-värden ger cmyk(73%, 0%, 9%, 38%) i CMYK-formeln. 8-siffrig form är #2A9D8FFF, och CSS-raden är color: #2A9D8F;. Ljusheten hamnar på 121 av 255, under gränsen på 128, så verktyget märker färgen Mörk och byter till vit text i kontrastförhandsvisningen.

Exempel på utdata

Input:  #2A9D8F

Output: {
  "rgb":  "rgb(42, 157, 143)",
  "hsl":  "hsl(173, 58%, 39%)",
  "cmyk": "cmyk(73%, 0%, 9%, 38%)",
  "hex8": "#2A9D8FFF",
  "css":  "color: #2A9D8F;"
}