Färgkonverterare
Skriv en färg i valfritt format och få alla andra format på en gång, redo att kopiera.
Förseglat på den här enheten
Körs i din webbläsare. Inget laddas upp.
Förseglat
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK eller ett CSS-färgnamn som ”tomato”.
Alla format
Ändra valfri rad så följer de andra med.
Förhandsvisning
- Kontrast mot vitt
- Kontrast mot svart
- Närmaste CSS-namn
Färgen ligger utanför det omfång som skärmar kan visa (sRGB). Värdena nedan använder den närmaste färg som en skärm kan visa.
CMYK är en enkel omvandling utan tryckprofil. Fråga ditt tryckeri om exakta värden.
Så fungerar det
-
Ange en färg
Klistra in en färgkod i valfritt format, skriv ett CSS-namn eller välj en färg med färgrutan.
-
Läs av alla format
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH och CMYK uppdateras direkt. Du kan också ändra valfri rad.
-
Kopiera det du behöver
Kopiera ett enskilt värde med dess knapp, eller kopiera alla format på en gång till dina anteckningar eller din stilguide.
Vanliga frågor
Hur konverterar jag HEX till RGB?
Skriv eller klistra in HEX-koden, med eller utan #, så visas RGB-värdet direkt. Varje par av HEX-siffror är en kanal: rött, grönt och blått från 00 till FF, vilket motsvarar 0 till 255 i RGB.
Vad är OKLCH och varför använda det?
OKLCH beskriver en färg med ljushet, kroma (färgmättnad) och nyans, på ett sätt som stämmer med hur människor uppfattar färg. Ändrar du bara ljusheten ser färgen ut att ha samma nyans, vilket gör det utmärkt för att skapa toner och designsystem. Moderna webbläsare stöder det i CSS.
Är CMYK-värdet redo för tryck?
Det är en matematisk omvandling utan ICC-tryckprofil, så det är en bra utgångspunkt men inte ett tryckfärdigt värde. Tryckerier använder profiler som beror på papperet och tryckpressen. Fråga ditt tryckeri, eller använd deras profil i ditt designprogram, för exakta värden.
Varför står det att min färg har justerats?
Format som OKLCH, LAB och LCH kan beskriva färger som är mer intensiva än en vanlig skärm (sRGB) kan visa. Konverteraren flyttar de färgerna till den närmaste färg som går att visa och behåller nyansen, så att HEX och RGB förblir giltiga.
Hanterar den transparens?
Ja. Färger med ett alfavärde, som #3442d980 eller rgb(52 66 217 / 0.5), behåller sin transparens i alla format som stöder det. CMYK saknar transparens, så där visas den heltäckande färgen.
Skickas mina data någonstans?
Nej. Alla omvandlingar sker i din webbläsare. Inget du skriver laddas upp eller sparas.