Hur omvandlar jag RGB till HEX?

Skriv ett RGB-värde som rgb(46, 139, 87) i RGB-fältet, så visar HEX-fältet direkt #2E8B57. Du behöver inte trycka på någon knapp – omräkningen sker så snart värdet är giltigt.

Kan jag konvertera HEX till RGB åt andra hållet?

Ja. Eftersom synken går åt båda håll fungerar omvandlingen i båda riktningarna. Skriv en HEX-kod som #2E8B57 i HEX-fältet så visar RGB-fältet rgb(46, 139, 87) direkt.

Vad är en HEX-färgkod?

En HEX-kod är ett hexadecimalt sätt att skriva en färg, till exempel #2E8B57, där varje par tecken anger rött, grönt och blått. Den är kompakt och används flitigt i webbdesign och CSS eftersom den är lätt att kopiera.

Skickas mina färgvärden till en server?

Nej. All omvandling körs lokalt i din webbläsare, så dina färgkoder laddas aldrig upp någonstans.

Färgverktyg

Färgkonverterare online | Synk för RGB, HEX, HSL, HSV och CMYK

Omvandla färger mellan RGB, HEX, HSL, HSV och CMYK. Ändra ett format så uppdateras alla andra färgvärden direkt - t.ex. rgb till hex.

DirektsynkIngen uppladdning behövs

Visuell förhandsvisning

Använd färgruta, inbyggd färgväljare och alpha-reglage för att finjustera samma färg i alla format.

Förhandsvisningsfärg

#3B82F6

rgba(59, 130, 246, 0.84)

Färgväljare

#3B82F6

Alpha

0.84

Livekanaler

HEX

R: 59
G: 130
B: 246
A: 0.84

Redigeringstips

Om ett fält tillfälligt blir ogiltigt medan du skriver förblir den senaste giltiga färgen aktiv. Slutför värdet så synkas de andra formaten automatiskt igen.

DirektsynkIngen uppladdning behövs

Dubbelriktad editor för färgformat

Alla format nedan kan redigeras. Om du ändrar HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK eller CMYKA hålls de andra färgmodellerna synkroniserade direkt.

HEX

källa

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Förklaring

RGB

RGB är en standardfärgmodell som bygger på kanalerna röd (R), grön (G) och blå (B). Genom att justera intensiteten i dessa tre kanaler kan RGB representera de flesta färger som syns på skärmar. Det är ett av de mest använda färgsystemen för digitala medier.

RGBA

RGBA är RGB med en alfa-kanal för transparens. R, G och B använder vanligtvis värden från 0 till 255, medan A oftast ligger mellan 0 och 1 eller 0 % och 100 %. Formatet används ofta i CSS när samma färg behöver olika opacitet.

HEX

HEX är ett hexadecimalt sätt att representera färger. Det används mycket i webbdesign och CSS eftersom det är kompakt och lätt att kopiera. Ett värde som #2E8B57 lagrar rött, grönt och blått som hexpar, och utökade varianter kan även innehålla transparens.

HSL

HSL (Hue, Saturation, Lightness) beskriver RGB-färger i ett cylindriskt koordinatsystem. H anger grundtonen, S beskriver färgens renhet och L styr ljusheten. 0 % är mörkast, 50 % balanserat och 100 % ljusast.

HSLA

HSLA är HSL med en alfa-kanal. Det behåller ton, mättnad och ljushet och lägger till transparens, vilket gör formatet bra för skuggor, överlägg, halvtransparenta fyllningar och UI-tillstånd.

HSV

HSV (Hue, Saturation, Value) är en färgrymd som skapades av A. R. Smith 1978 och kallas också Hexcone Model. Eftersom Value direkt beskriver hur ljus färgen upplevs är HSV ofta intuitivt vid färgval.

HSVA

HSVA utökar HSV med en alfa-kanal. Det är användbart när du vill arbeta med nyans, mättnad och värde och samtidigt beskriva opacitet för gränssnittsfärger och lagergrafik.

CMYK

CMYK är ett färgläge som används inom tryck. Trycksaker syns tack vare reflekterat ljus och därför passar CMYK för tidningar, förpackningar och broschyrer. Till skillnad från RGB för skärmar är CMYK utformat för tryckfärg på papper.

CMYKA

CMYKA utökar CMYK med en alfa-kanal. Det är användbart när du vill beskriva cyan-, magenta-, gul- och svartvärden tillsammans med transparens för designöverlämning eller lagerbaserade tillgångar.

Så använder du färgkonverteraren online

Klistra in eller skriv ett värde i valfritt formatfält, till exempel HEX, RGB, RGBA, HSL, HSV eller CMYK.

Så snart värdet är giltigt konverterar verktyget det automatiskt till alla andra format som stöds.

Använd förhandsvisningen, färgväljaren, alpha-reglaget och kopieringsåtgärderna för att finjustera och exportera exakt den färg du behöver.

Nyckelfunktioner

Dubbelriktad formatsynk

Ändra valfritt format som stöds och håll RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK och CMYKA synkroniserade i realtid.

Visuella färgkontroller

Se den aktuella färgen direkt med livefärgruta, webbläsarens färgväljare, alpha-reglage och kanalvärden.

Webbläsarbaserad konvertering

Varje fält accepterar välkänd funktionssyntax och all konvertering sker i webbläsaren för att vara snabb och privat.

FAQ för färgkonverteraren

Kan jag redigera valfritt färgformat och uppdatera alla andra?

Ja. Konverteraren synkroniserar åt båda håll. Om du redigerar RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK eller CMYKA uppdateras de andra formaten direkt när värdet blir giltigt.

Hur hanteras transparens vid konvertering?

HEX visas utan alpha eftersom sidan fokuserar på de format du efterfrågade. Transparens bevaras i RGBA, HSLA, HSVA och CMYKA, och förhandsvisningen visar alltid aktuell opacitet.

Är den här färgkonverteraren privat?

Nej. All konverteringslogik körs lokalt i din webbläsare, så dina färgvärden skickas inte till någon server.

Vill du omvandla RGB till HEX eller åt andra hållet? Klistra in en färgkod i valfritt fält så räknar verktyget direkt om den till alla andra format: HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK och CMYKA. Synken går åt båda håll, och med livefärgrutan, färgväljaren och alpha-reglaget finjusterar du nyans och opacitet. Allt sker i din webbläsare, så ingen färgkod laddas upp till någon server.

Så använder du färgkonverteraren

1
Skriv in en färgkod
Klistra in eller skriv ett värde i valfritt fält, till exempel #2E8B57 för HEX, rgb(46, 139, 87) för RGB eller hsl(146, 50%, 36%) för HSL.
2
Se alla format synkas
Så snart värdet är giltigt räknas det automatiskt om till alla andra format som stöds: RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK och CMYKA på en gång.
3
Finjustera färgen
Använd färgrutan, den inbyggda färgväljaren och alpha-reglaget för att justera nyans och opacitet, eller klicka på Slumpa för att utforska nya färger.
4
Kopiera eller exportera
Klicka på ett fält för att kopiera dess värde, eller använd Kopiera allt för att hämta alla format på en gång till din CSS, dina designfiler eller din kod.

Källor

W3C — CSS Color Module Level 4
W3C:s specifikation som definierar CSS färgformat, bland annat hex, rgb(), hsl(), hwb() och modern färgsyntax.
MDN — CSS <color> value
MDN:s referens som täcker alla CSS färgnotationer, inklusive HEX, RGB/RGBA, HSL/HSLA och hur alfa-transparens fungerar.

Relaterade verktyg

CSS-minifierare

Minifiera CSS som använder dina omvandlade HEX-, RGB- och HSL-färgvärden.

SVG-visare

Förhandsgranska och inspektera SVG-grafik som bygger på fyllnings- och konturfärger.

Bild till Base64

Koda bilder till Base64-strängar för inbäddad användning tillsammans med dina färgstilar.

JSON-formaterare

Försköna och validera JSON som lagrar färgpaletter och designtokens.

Vanliga frågor

Hur omvandlar jag RGB till HEX?: Skriv ett RGB-värde som rgb(46, 139, 87) i RGB-fältet, så visar HEX-fältet direkt #2E8B57. Du behöver inte trycka på någon knapp – omräkningen sker så snart värdet är giltigt.
Kan jag konvertera HEX till RGB åt andra hållet?: Ja. Eftersom synken går åt båda håll fungerar omvandlingen i båda riktningarna. Skriv en HEX-kod som #2E8B57 i HEX-fältet så visar RGB-fältet rgb(46, 139, 87) direkt.
Vad är en HEX-färgkod?: En HEX-kod är ett hexadecimalt sätt att skriva en färg, till exempel #2E8B57, där varje par tecken anger rött, grönt och blått. Den är kompakt och används flitigt i webbdesign och CSS eftersom den är lätt att kopiera.
Kan jag redigera valfritt färgformat och uppdatera alla andra?: Ja. Om du redigerar RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK eller CMYKA uppdateras övriga format direkt när värdet blir giltigt.
Hur hanteras transparens vid konvertering?: HEX visas utan alpha, men transparens bevaras i RGBA, HSLA, HSVA och CMYKA. Förhandsvisningen visar alltid den aktuella opaciteten medan du justerar alpha-reglaget.
Skickas mina färgvärden till en server?: Nej. All omvandling körs lokalt i din webbläsare, så dina färgkoder laddas aldrig upp någonstans.