Färgkonverterare

Konvertera färger mellan HEX, RGB, HSL, HSV, CMYK och LAB – ändra valfritt fält så uppdateras resten automatiskt.

Ändra i valfritt fält så uppdateras de andra direkt, eller välj en färg med färgväljaren.

Välj en färg eller skriv in ett värde i valfritt format.

Varje konvertering sker i din webbläsare. Inget av det du skriver in laddas upp till BroBroGo.

Vanliga frågor

Vilka färgformat kan jag konvertera mellan?

HEX, RGB, HSL, HSV, CMYK och LAB. Skriv in ett värde i något av dem så uppdateras de andra fem direkt, så att du kan gå från vilket format som helst till ett annat.

Är CMYK-resultatet redo för professionellt tryck?

Se det som en nära uppskattning för skärmen. Verklig CMYK för tryck beror på papper, bläck och skrivarprofil, så ett tryckeri kan leverera värden som skiljer sig något från dessa.

Varför ändras en LAB- eller CMYK-färg något när den konverteras tillbaka?

LAB och CMYK kan beskriva färger som en skärm inte kan visa. När ett värde hamnar utanför det synliga RGB-omfånget dras det till närmaste färg som kan visas, så att konvertera tillbaka kan ändra det något.

Färgväljare för bilderVälj valfri pixel från en bild och läs av dess HEX, RGB och HSL, med ett förstoringsglas för exakt precision.KontrastkontrollAnge en text- och bakgrundsfärg för att se WCAG-kontrastförhållandet och vilka AA- och AAA-nivåer som blir godkända.Binär/Hex-konverterareKonvertera tal mellan binärt, hex, decimalt och oktalt – eller omvandla text till bytes.BildformatkonverterareKonvertera JPG-, PNG-, WebP-, HEIC- och AVIF-bilder direkt i din webbläsare.BildkomprimerareKomprimera bilder lokalt med smarta, målstyrda och avancerade kontroller.BildförhållandekalkylatorOmvandla valfri bredd × höjd till ett rent bildförhållande som 16:9, eller välj ett förhållande och räkna ut den saknade sidan – för video, foto och skärmar.Favicon-generatorFörvandla en PNG, JPG eller SVG till favicon.ico och alla ikonstorlekar din webbplats behöver, paketerade i en ZIP-fil.Box Shadow-generatorDra i reglagen för att forma en box-shadow, stapla lager för djup och kopiera den färdiga CSS-koden direkt.Gradient-generatorBygg en linjär, radiell eller konisk toning, lägg till färgstopp och ställ in riktningen, och kopiera sedan CSS-koden med ett klick.Border Radius-generatorRunda varje hörn med reglage, skapa organiska former med det elliptiska läget och kopiera din CSS direkt.Flexbox-generatorSkapa en flex-container och dess objekt med visuella kontroller, se layouten reagera direkt och kopiera CSS-koden med ett klick.CSS-formaterare & minifierareStrukturera rörig CSS för att göra den läsbar, eller minifiera den inför driftsättning – med ett säkert läge som aldrig ändrar ordningen på dina regler.Konverterare för px till rem & emKonvertera mellan px, rem och em med dina egna storlekar för rot och kontext – ändra valfritt fält så uppdateras de andra två medan du skriver.