Så konverterar du färger mellan HEX, RGB, HSL och andra format
Konvertera en färg mellan HEX, RGB, HSL, CMYK och andra format, se vilka konverteringar som är exakta och lär dig vilket format du ska använda.
2 min lästid
Klistra in färgen i färgkonverteraren. Välj önskat format under Mål och kopiera resultatet. Verktyget känner själv av inmatningsformatet, så #ff6600, rgb(255, 102, 0), orangered och till och med 255, 102, 0 fungerar. Resultatet visas medan du skriver. Färgrutan under resultatet visar att verktyget läste av rätt färg.
Samma färg i fyra format
HEX, RGB, HSL och CMYK är olika sätt att skriva samma färg. Här är en orange färg i alla fyra formaten:
| Format | Värde | Vad siffrorna betyder |
|---|---|---|
| HEX | #ff6600 |
Rött, grönt och blått med två hexadecimala siffror vardera |
| RGB | rgb(255, 102, 0) |
Rött, grönt och blått från 0 till 255 |
| HSL | hsl(24, 100%, 50%) |
Nyans på färghjulet, mättnad och ljushet |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Cyan, magenta, gul och svart tryckfärg |
HEX och RGB använder samma tre siffror, men skrivs på olika sätt. Konverteringen mellan dem är exakt. HSL är enklare att justera för hand: höj ljushetsvärdet så blir färgen ljusare.
Därför skiljer sig CMYK
CMYK används för tryck, och de exakta värdena beror på skrivaren, papperet och färgen. Konverteraren använder standardformeln utan en skrivarprofil, så ett tryckeri kan ge dig något annorlunda värden för samma färg. Använd CMYK-resultatet för mockuper och be tryckeriet om ett provtryck innan den riktiga utskriften.
Vilket format ska du använda?
- CSS och HTML: använd HEX. Det är kort och fungerar i alla webbläsare.
- Ett färgtema: använd HSL. Du får ljusare och mörkare nyanser genom att ändra en siffra.
- Transparens i kod: använd RGB med ett alfavärde eller HEX med åtta siffror.
rgba(37, 99, 235, 0.5)blir#2563eb80, där de två sista siffrorna anger opaciteten. - Tryckmockuper: använd CMYK och tänk på informationen ovan.
Färgnamn är inte exakta
Konverteraren stöder 17 format, bland annat OKLCH, LAB, HSV, CSS-färgnamn och ANSI-koder för terminaler. Ett färgnamn som resultat är det CSS-färgnamn som ligger närmast, inte en exakt matchning. #ff6600 ger orangered, men orangered är egentligen #ff4500. Använd färgnamn för snabba etiketter och exakta värden för varumärkesfärger.
Klistra in färgen, kontrollera färgrutan och kopiera resultatet. Så enkelt är det.
Redo att prova själv?
Färgkonverterare
Omvandla färger mellan HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, CSS-färgnamn, ANSI-terminalkoder och mer, med automatisk formatidentifiering och förhandsvisning.