Färgkonverterare
Konvertera färger mellan HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH och OKLCH. Klistra in en kod, se färgen och kopiera alla format med ett klick.
Exempel:
Konverteringar
CMYK är en förenklad konvertering utan ICC-profil. Be ditt tryckeri om en profilbaserad konvertering för tryckjobb.
Så använder du färgkonverteraren
- Skriv eller klistra in en färg i fältet Indata. Formatet känns igen automatiskt:
#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 ett CSS-färgnamn somtomato. - Konverteringarna visas medan du skriver. Du kan också trycka på Enter eller klicka på Konvertera.
- Titta på färgrutan: den visar färgen och Identifierat format, så att du vet hur din inmatning tolkades.
- Klicka på Kopiera bredvid det format du behöver. Använd exempelknapparna för att prova vanliga inmatningar.
Konverteringen sker helt i din webbläsare.
Format som stöds
| Format | Exempel | Typisk användning |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, designverktyg |
| RGB | rgb(255, 99, 71) |
CSS, kod, bildredigerare |
| HSL | hsl(9, 100%, 64%) |
CSS, justera ljushet |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, färgväljare |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
tryck (se nedan) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), färgvetenskap |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
modern CSS, designsystem |
Resultaten i HEX, RGB, HSL, HWB, LAB, LCH och OKLCH är giltig CSS som du kan klistra in direkt i en stilmall. HSV och CMYK är inga CSS-notationer, så de skrivs i den vedertagna funktionsstilen för att vara lätta att läsa. Observera att CSS alltid använder decimalpunkt, även i svenska projekt.
Om din inmatning har transparens (till exempel rgb(255 0 0 / 50%)) behåller konverteraren den: HEX blir en åttasiffrig kod som #FF000080, och de andra formaten får ett alfavärde.
Så fungerar konverteringarna
RGB, HEX, HSL, HSV och HWB är olika sätt att skriva samma sRGB-värden, så de konverteras exakt (bortsett från avrundning). LAB och LCH följer definitionen i CSS Color 4, som använder vitpunkten D50 med kromatisk anpassning enligt Bradford. Vissa konverterare på nätet använder i stället D65, så deras LAB-värden kan skilja sig med några enheter för samma färg. OKLCH bygger på Björn Ottossons Oklab-modell, den som webbläsare använder för oklch().
Om du anger en LAB-, LCH- eller OKLCH-färg som är för mättad för en vanlig skärm ligger den utanför sRGB-omfånget och saknar HEX-motsvarighet. Verktyget visar då ett meddelande och ersätter den med närmaste färg som går att visa, genom att minska kroman och behålla ljushet och nyans.
CMYK är en uppskattning
CMYK-värdena räknas med den förenklade formeln K = 1 − max(R, G, B) och C = (1 − R − K) / (1 − K), och på samma sätt för M och Y. Ingen ICC-profil används, så siffrorna förutsäger inte vad en viss tryckpress ger. För professionellt tryck konverterar du i ditt layoutprogram med den profil som tryckeriet tillhandahåller (till exempel FOGRA39 eller GRACoL). Konvertering från CMYK tillbaka till RGB använder den omvända formeln, R = (1 − C)(1 − K).
Vanliga frågor
Hur konverterar jag HEX till RGB för hand?
Dela koden i tre par och räkna om varje par från bas 16 till bas 10. För #FF6347: FF = 255, 63 = 99, 47 = 71, så färgen är rgb(255, 99, 71).
Vad är skillnaden mellan HSL och HSV?
Båda använder en nyansvinkel och en mättnad, men HSL:s tredje värde är ljushet (50 % är den rena färgen, 100 % är vitt) medan HSV:s är värde eller ljusstyrka (100 % är den rena färgen eller vitt, beroende på mättnaden). Samma färg får därför olika mättnadsvärden i de två modellerna.
Varför skiljer sig mitt LAB-värde från en annan konverterare?
Troligen på grund av vitpunkten. Det här verktyget använder D50, precis som CSS lab(). Konverterare som bygger på D65 ger något annorlunda siffror. Båda är korrekta utifrån sin egen referens.
Kan jag konvertera CMYK till HEX?
Ja. Skriv till exempel cmyk(0%, 61%, 72%, 0%) eller cmyk(0, 0.61, 0.72, 0). Tänk på att resultatet är en uppskattning utan färgprofil.
Fungerar färger utan #-tecknet?
Ja. ff6347, f64 och till och med tre tal åtskilda med kommatecken, som 255, 99, 71, känns igen.
Kan jag skriva färgnamn på svenska?
Nej. Verktyget känner igen de engelska färgnamnen i CSS, som tomato, navy eller rebeccapurple, eftersom det är dem som stilmallar använder.
Relaterade verktyg
- Färgväljare Gratis färgväljare online. Välj valfri färg och kopiera direkt dess HEX-, RGB-, HSL-, HSV- och CMYK-koder, med kontrast mot vitt och svart.
- Färgpalettgenerator Skapa färgpaletter från en basfärg med färgharmonier – komplementär, analog, triadisk, tetradisk, kvadrat och monokrom – och exportera dem.
- Hämta färg från bild Ladda upp en bild och klicka på valfri pixel för att få färgen som HEX, RGB, HSL, HSV och CMYK. Förstoringslupp, medelvärde och lista, i webbläsaren.