Omvandla HEX- och RGB-färger

Passar designers och frontendutvecklare som vill föra över en färg från en skiss till rätt notation i CSS.

Byt färgvärden mellan HEX och RGB och få genast rätt skrivsätt för din design eller kod. Inga uppgifter behöver laddas upp.

Så använder du

Ange en färg i hexadecimal eller RGB-notation i inmatningsfältet.
Välj den omvandling du behöver, till exempel HEX till RGB, RGB till HEX eller HEX till HSL.
Kör omvandlingen för att visa motsvarande värde i resultatområdet.
Använd alternativen HSL, HSV eller CMYK om ditt projekt eller din programvara kräver dem.
Kopiera notationen till din stilmall, mockup eller dokumentation.

Exempel

Med det gröna exemplet som visas tittar du på HEX- och RGB-motsvarigheterna. Det gör det enklare att gå från en mockup till en stilmall utan att räkna om värden för hand.

Indata

rgb(22, 163, 74)

Resultat

HEX: #16A34A
RGB: rgb(22, 163, 74)

Gränser och format

Verktyget omvandlar färgnotationer, men det mäter inte kontrasten mellan två nyanser.
CMYK-värden är en matematisk omvandling, inte en kalibrerad tryckprofil.
Kontrollera vilket format programvaran förväntar sig innan du klistrar in resultatet.
Transparenta färger med en alfakanal hanteras kanske inte av alla omvandlingsalternativ som erbjuds.

Var bearbetningen sker

Omvandlingen körs i webbläsaren. Färgen du anger stannar lokalt och skickas varken ut eller lagras av sidan. Du kan göra flera omvandlingar i rad utan att skapa en fil.

Vanliga frågor

Vad är skillnaden mellan HEX och RGB?

HEX använder hexadecimala siffror, ofta i CSS, medan RGB ger tre värden för rött, grönt och blått. Båda beskriver samma färg på skärmen i olika notationer.

Är CMYK-resultatet redo för tryck?

Nej, det ger en enkel numerisk motsvarighet. Professionell tryckning kräver en färgprofil som matchar din press, ditt bläck och ditt papper.

Kan jag omvandla en färg utan att känna till dess HEX-kod?

Du kan ange ett RGB-värde om du har ett. Annars kan du ta färgen med en färgväljare och sedan klistra in notationen i omvandlaren.

Kan verktyget mäta kontrast mellan två färger?

Nej, verktyget omvandlar färgnotationer men mäter inte kontrasten mellan två nyanser. Om du behöver kontrollera läsbarhet bör du använda ett separat kontrastverktyg. Kontrollera också vilket format programvaran förväntar sig innan du klistrar in resultatet. För transparenta färger med alfakanal kan vissa omvandlingar inte hanteras. Välj rätt omvandling för ditt projekt.

Vilka omvandlingar kan jag välja mellan?

Du kan bland annat välja HEX till RGB, RGB till HEX eller HEX till HSL. Verktyget erbjuder även HSL, HSV och CMYK om projektet kräver det. Kontrollera vilket format programvaran förväntar sig innan du klistrar in resultatet. Tänk på att CMYK-värdet är en matematisk omvandling, inte en kalibrerad tryckprofil.