HEX till RGB Färgomvandlare
Omvandla valfri hexfärgkod till dess röda, gröna och blå kanalvärden och en klisterklar CSS rgb()-sträng.
- 1
Red channel
3 × 16 + 11 = 59 - 2
Green channel
8 × 16 + 2 = 130 - 3
Blue channel
15 × 16 + 6 = 246Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Hur fungerar denna kalkylator?
En hexfärg omvandlas till RGB genom att ta bort '#', expandera 3-siffrig förkortning till 6 siffror, sedan läsa varje par hexsiffror som ett bas-16-tal från 0 till 255 för röd, grön och blå. Dessa tre värden bildar CSS-strängen rgb(R, G, B) som används direkt i stilmallar.
Formel
How this is calculated
Ange en hexfärg antingen som en 6-siffrig kod (#RRGGBB) eller dess 3-siffriga förkortning (#RGB). Omvandlaren tar först bort det inledande '#'. Om bara tre siffror anges dubbleras varje siffra, så #abc expanderar till #aabbcc — detta gör förkortnings- och fullformaten visuellt identiska.
De sex hexsiffrorna delas sedan upp i tre par. Varje par är ett bas-16 (hexadecimalt) tal som tolkas som ett bas-10-heltal mellan 0 och 255: R från det första paret, G från det andra och B från det tredje. Eftersom två hexsiffror sträcker sig från 00 till FF avbildas varje kanal snyggt på 0–255-intervallet som används av CSS och de flesta visningssystem.
De tre kanalvärdena sätts ihop till en CSS-sträng av formen rgb(R, G, B). Indata valideras till att innehålla bara tecknen 0–9 och a–f (skiftlägesokänsligt) och att vara exakt 3 eller 6 siffror efter att '#' tagits bort; allt annat avvisas så att du aldrig får en halvtolkad färg.
Vanliga frågor
De beskriver samma färgrymd. Den 3-siffriga förkortningen upprepar helt enkelt varje siffra, så #f0c är identisk med #ff00cc. Använd förkortning bara när varje kanal använder en upprepad siffra.
Nej. Hexsiffrorna A–F och a–f representerar samma värden, så #FF8800 och #ff8800 omvandlas till samma rgb(255, 136, 0).
Två hexadecimala siffror sträcker sig från 00 till FF, vilket är 0 till 255 i decimal. Det 8-bitarsintervallet är standardprecisionen för varje färgkanal på skärmar.
Även känt som
TG we-Calculate Editorial Team. (2026). HEX till RGB Färgomvandlare [Online calculator]. TG we-Calculate. https://we-calculate.com/sv/calculator/hex-to-rgb-color-converter
TG we-Calculate Editorial Team. "HEX till RGB Färgomvandlare." TG we-Calculate. 2026. https://we-calculate.com/sv/calculator/hex-to-rgb-color-converter.
TG we-Calculate Editorial Team, "HEX till RGB Färgomvandlare," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/sv/calculator/hex-to-rgb-color-converter
@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX till RGB Färgomvandlare}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/sv/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Hjälpte denna kalkylator dig?