Utilia

Farvekonverter

Konvertér farvekoder mellem HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Formatet genkendes automatisk, og alt sker lokalt i din browser.

Eksempler:

Konverteringer

CMYK er en simpel omregning uden ICC-profil. Bed dit trykkeri om en profilbaseret konvertering til trykarbejde.

Sådan bruger du farvekonverteren

  1. Skriv eller indsæt en farve i feltet Input. Formatet genkendes automatisk: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) eller et navn som tomato.
  2. Konverteringerne vises, mens du skriver. Du kan også trykke på Enter eller klikke på Konvertér.
  3. Se på farveprøven: den viser farven og Genkendt format, så du ved, hvordan din indtastning blev læst.
  4. Klik på Kopiér ud for det format, du har brug for. Brug eksempelknapperne til at prøve almindelige indtastninger.

Konverteringen foregår helt i din browser. Intet, du indtaster, sendes til en server.

Understøttede formater

Format Eksempel Typisk brug
HEX #FF6347 HTML, CSS, designværktøjer
RGB rgb(255, 99, 71) CSS, kode, billedprogrammer
HSL hsl(9, 100%, 64%) CSS, justering af lysstyrke
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, farvevælgere
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) tryk (se noten nedenfor)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), farvevidenskab
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) moderne CSS, designsystemer

Resultaterne i HEX, RGB, HSL, HWB, LAB, LCH og OKLCH er gyldig CSS, som du kan indsætte direkte i et stylesheet. HSV og CMYK er ikke CSS-notationer, så de skrives i den gængse funktionsstil for læsbarhedens skyld.

Hvis din farve har gennemsigtighed (for eksempel rgb(255 0 0 / 50%)), bevarer konverteren den: HEX bliver til en kode med otte cifre som #FF000080, og de andre formater får en alfaværdi.

Sådan fungerer konverteringerne

RGB, HEX, HSL, HSV og HWB er forskellige måder at skrive de samme sRGB-værdier på, så de omregnes præcist (op til afrunding). LAB og LCH følger definitionen i CSS Color 4, som bruger hvidpunktet D50 med Bradford-kromatisk tilpasning. Nogle onlinekonvertere bruger D65 i stedet, så deres LAB-tal kan afvige med nogle få enheder for den samme farve. OKLCH bygger på Björn Ottossons Oklab-model, den som browsere bruger til oklch().

Hvis du indtaster en LAB-, LCH- eller OKLCH-farve, der er for mættet til en almindelig skærm, ligger den uden for sRGB-farverummet og har ingen HEX-ækvivalent. Værktøjet viser så en besked og afbilder den på den nærmeste farve, der kan vises, ved at sænke kromaen og bevare lysstyrke og farvetone.

CMYK er en tilnærmelse

CMYK-værdierne bruger den simple formel K = 1 − max(R, G, B) og C = (1 − R − K) / (1 − K), og tilsvarende for M og Y. Der indgår ingen ICC-profil, så tallene siger ikke, hvad en given trykpresse vil trykke. Til professionelt trykarbejde skal du konvertere i dit layoutprogram med den profil, dit trykkeri leverer (for eksempel FOGRA39 eller GRACoL). Konvertering fra CMYK tilbage til RGB bruger den omvendte formel, R = (1 − C)(1 − K).

Ofte stillede spørgsmål

Hvordan konverterer jeg HEX til RGB i hånden?

Del koden i tre par, og omregn hvert par fra 16-tals- til 10-tals-systemet. For #FF6347: FF = 255, 63 = 99, 47 = 71, så farven er rgb(255, 99, 71).

Hvad er forskellen på HSL og HSV?

Begge bruger en farvetonevinkel og en mætning, men HSL’s tredje værdi er lysstyrke (50 % er den rene farve, 100 % er hvid), mens HSV’s er værdi eller lysstyrke (100 % er den rene farve eller hvid, afhængigt af mætningen). Den samme farve har derfor forskellige mætningstal i de to modeller.

Hvorfor er min LAB-værdi anderledes end i en anden konverter?

Sandsynligvis på grund af hvidpunktet. Værktøjet bruger D50 ligesom CSS lab(). Konvertere baseret på D65 giver lidt andre tal. Begge er korrekte i deres eget referencesystem.

Kan jeg konvertere CMYK til HEX?

Ja. Skriv for eksempel cmyk(0%, 61%, 72%, 0%) eller cmyk(0, 0.61, 0.72, 0). Husk, at resultatet er en tilnærmelse uden farveprofil.

Accepterer værktøjet farver uden #-tegnet?

Ja. ff6347, f64 og endda tre tal adskilt af kommaer, som 255, 99, 71, genkendes.