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
- 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 somtomato. - Konverteringerne vises, mens du skriver. Du kan også trykke på Enter eller klikke på Konvertér.
- Se på farveprøven: den viser farven og Genkendt format, så du ved, hvordan din indtastning blev læst.
- 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.
Relaterede værktøjer
- Farvevælger Gratis online farvevælger. Vælg en farve og kopiér med det samme dens HEX-, RGB-, HSL-, HSV- og CMYK-koder, med kontrastforhold mod hvid og sort.
- Farvepalette-generator Generér farvepaletter ud fra en grundfarve: komplementær, analog, triadisk, tetradisk og monokromatisk. Eksportér som HEX, CSS, SCSS, JSON eller Tailwind.
- Farvevælger fra billede Vælg et billede, og klik på en pixel for at få farven som HEX, RGB, HSL, HSV og CMYK. Zoomlup, gennemsnit og liste over valgte farver, alt i din browser.