Gratis HEX til RGB Konverter - Farvekode Konverter & Farvevælger

Konvertering af HEX til RGB

Dette værktøj læser en HEX-farvekode og viser samme farve som RGB, HSL, CMYK og en 8-cifret HEX/RGBA-værdi, sammen med en live farveprøve, en kontrastvisning og en opfattet lysstyrke. Du skriver eller indsætter en kode, eller vælger farven visuelt, og alle formater opdateres samtidig.

Sådan fungerer omregningen

En 6-cifret HEX-kode deles i tre par på 2 cifre, hvert et hexadecimaltal fra 00 til FF (0 til 255 decimalt) for rødt, grønt og blåt. I den 3-cifrede kortform fordobles hvert ciffer først, så #E56 bliver til #EE5566, før samme opdeling bruges. Ud fra denne RGB-trio beregnes HSL ved at tage gennemsnittet af den lyseste og mørkeste kanal til lysstyrke, forskellen mellem dem til mætning, og rækkefølgen af kanalerne til farvetone. CMYK beregnes til reference ved at finde K ud fra den største af de tre kanaler og skalere cyan, magenta og gul i forhold til den. Opfattet lysstyrke bruger ITU-R BT.601-vægtene, R gange 299 plus G gange 587 plus B gange 114, divideret med 1000; et resultat over 128 mærkes Lys, derunder Mørk, hvilket også afgør tekstfarven i kontrastvisningen. Det samme felt genkender også en rgb(r, g, b)-streng skrevet direkte i stedet for en HEX-kode, og hvert valg fra farvevælgeren opdaterer HEX-feltet automatisk. Hvis koden ikke kan tolkes, viser værktøjet en fejlmeddelelse lige under feltet i stedet for at gætte en farve. Hver konverteret værdi har sin egen kopieringsknap, der kort skifter til et flueben efter klik, så du kan hente bare RGB-strengen, CMYK-strengen eller CSS-linjen uden at røre resten.

Regneeksempel

Tag #EF476F. Parrene giver R=239, G=71, B=111, altså RGB(239, 71, 111). Gennemsnittet af lyseste og mørkeste kanal giver 61% lysstyrke, forskellen mellem dem 84% mætning, og farvetonen lander på 346 grader, samlet HSL(346, 84%, 61%). De samme RGB-værdier giver cmyk(0%, 70%, 54%, 6%) i CMYK-formlen. Den 8-cifrede form er #EF476FFF, og CSS-linjen er color: #EF476F;. Lysstyrken lander på 126 ud af 255, lige under grænsen på 128, så værktøjet mærker farven Mørk og skifter til hvid tekst i kontrastvisningen.

Eksempel på output

Input:  #EF476F

Output: {
  "rgb":  "rgb(239, 71, 111)",
  "hsl":  "hsl(346, 84%, 61%)",
  "cmyk": "cmyk(0%, 70%, 54%, 6%)",
  "hex8": "#EF476FFF",
  "css":  "color: #EF476F;"
}