Gratis HEX til RGB Konverter - Fargekode Konverter & Fargevelger

Konvertere HEX til RGB

Dette verktøyet leser en HEX-fargekode og gir deg samme farge som RGB, HSL, CMYK og en 8-sifret HEX/RGBA-verdi, sammen med en live fargeprøve, kontrastvisning og en oppfattet lysstyrke. Du skriver eller limer inn en kode, eller velger fargen visuelt, og alle formatene oppdateres samtidig.

Slik fungerer omregningen

En 6-sifret HEX-kode deles i tre par på to sifre hver, et heksadesimaltall fra 00 til FF (0 til 255 i desimal) for rødt, grønt og blått. Ved 3-sifret kortform dobles hvert siffer først, så #FD6 blir #FFDD66 før samme deling brukes. Fra dette RGB-trippelet regnes HSL ut fra gjennomsnittet av lyseste og mørkeste kanal for lyshet, forskjellen mellom dem for metning, og fargetonen fra rekkefølgen på kanalene. CMYK regnes ut til referanse ved å finne K fra den største av de tre kanalene og skalere cyan, magenta og gult mot den. Oppfattet lysstyrke bruker ITU-R BT.601-vektene, R ganger 299 pluss G ganger 587 pluss B ganger 114, delt på 1000; et resultat over 128 merkes Lys, under det Mørk, noe som også avgjør tekstfargen i kontrastvisningen. Det samme feltet gjenkjenner også en rgb(r, g, b)-streng skrevet direkte i stedet for en HEX-kode, og hvert valg fra fargevelgeren oppdaterer HEX-feltet automatisk. Hvis koden ikke kan tolkes, viser verktøyet en feilmelding rett under feltet i stedet for å gjette en farge. Hver konverterte verdi har sin egen kopieringsknapp som kort blir til en hake når du klikker, slik at du kan hente bare RGB-strengen, CMYK-strengen eller CSS-linjen uten å røre resten.

Regneeksempel

Ta #FFD166. Parene gir R=255, G=209, B=102, altså RGB(255, 209, 102). Gjennomsnittet av lyseste og mørkeste kanal gir 70 prosent lyshet, forskjellen mellom dem 100 prosent metning, og fargetonen havner på 42 grader, til sammen HSL(42, 100%, 70%). De samme RGB-verdiene gir cmyk(0%, 18%, 60%, 0%) i CMYK-formelen. 8-sifret form er #FFD166FF, og CSS-linjen er color: #FFD166;. Lysstyrken havner på 211 av 255, godt over grensen på 128, så verktøyet merker fargen Lys og bytter til svart tekst i kontrastvisningen.

Eksempel på resultat

Input:  #FFD166

Output: {
  "rgb":  "rgb(255, 209, 102)",
  "hsl":  "hsl(42, 100%, 70%)",
  "cmyk": "cmyk(0%, 18%, 60%, 0%)",
  "hex8": "#FFD166FF",
  "css":  "color: #FFD166;"
}