ImageColorPicker.com

HEX til RGB-konverter

Konverter enhver HEX-farve til RGB — øjeblikkeligt og gratis

#FF5733

Indsæt en farveværdi — vi genkender formatet for dig.

RGB resultat
Rød
255
Grøn
87
Blå
51

Denne farve i alle formater

CMYK-profil: Coated FOGRA39 (Photoshops standard for Europa)

En HEX-kode pakker tre 8-bit tal i seks hexadecimale cifre. At konvertere HEX til RGB betyder at splitte cifrene i par og læse hvert par som et decimalt tal mellem 0 og 255 — præcis de værdier CSS, Figma og billededitorer forventer.

Sådan fungerer konvertering fra HEX til RGB

  1. Fjern det indledende #, og hvis koden kun har tre cifre, fordobl hvert: #f53 bliver #ff5533.
  2. Split de seks cifre i tre par — RR, GG og BB.
  3. Læs hvert par som et base-16-tal og konverter til base 10: FF bliver 255, 57 bliver 87, 33 bliver 51.
  4. Skriv de tre resultater som rgb(R, G, B).

Eksempel

HEX #FF5733=RGB rgb(255, 87, 51)

Denne konvertering er eksakt. HEX og RGB beskriver de samme sRGB-værdier i forskellig notation, så intet rundes eller går tabt i nogen retning.

HEX og RGB forklaret

Hvad er HEX?

En HEX-kode er et sekscifret hexadecimalt tal, som gemmer en farves røde, grønne og blå kanal bag et indledende #. Hvert par cifre dækker én kanal fra 00 (ingen) til FF (fuld), hvilket giver de samme 16,7 millioner farver som RGB i en kortere notation. HEX er standard i CSS, designværktøjer og brandguidelines.

Syntaks:
#RRGGBB
Område:
00–FF per kanal
Bedst til:
CSS, designoverlevering, brandguidelines

Hvad er RGB?

RGB beskriver en farve som tre lyskilder — rød, grøn og blå — hver fra 0 til 255. Det afspejler, hvordan skærme faktisk virker: alle tre på 255 giver hvid, alle på 0 giver sort. RGB er det rigtige valg, når du skal regne med en farve, og rgba() tilføjer gennemsigtighed ovenpå.

Syntaks:
rgb(R, G, B)
Område:
0–255 per kanal
Bedst til:
kode, canvas, gennemsigtighed med rgba()

HEX til RGB referenceoversigt

De mest almindelige CSS-farver, konverteret fra HEX til RGB.

FarveHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

Flere farvekonvertere

Ofte stillede spørgsmål

Fjern det indledende #, og hvis koden kun har tre cifre, fordobl hvert: #f53 bliver #ff5533. Split de seks cifre i tre par — RR, GG og BB. Læs hvert par som et base-16-tal og konverter til base 10: FF bliver 255, 57 bliver 87, 33 bliver 51. Skriv de tre resultater som rgb(R, G, B).

Denne konvertering er eksakt. HEX og RGB beskriver de samme sRGB-værdier i forskellig notation, så intet rundes eller går tabt i nogen retning.

RGB beskriver en farve som tre lyskilder — rød, grøn og blå — hver fra 0 til 255. Det afspejler, hvordan skærme faktisk virker: alle tre på 255 giver hvid, alle på 0 giver sort. RGB er det rigtige valg, når du skal regne med en farve, og rgba() tilføjer gennemsigtighed ovenpå.

Ja. Bytteknappen ved siden af inputfeltet fører dig til RGB til HEX-konverteren, som fungerer på præcis samme måde. Begge retninger bruger samme formel, bare anvendt omvendt.

Brug RGB når du skal arbejde med tallene — animere en enkelt kanal, blande farver i kode eller tilføje gennemsigtighed med rgba(). HEX er stadig det kortere, mere læselige valg til statisk CSS.