Letar du efter andra färgomvandlare?
Hur konverterar man RGB till HEX
Att konvertera färger från RGB till HEX är lika enkelt som att konvertera deras numeriska värden från decimal till hexadecimalt tal. För att konvertera RGB-färg (50, 168, 82) konverterar vi vart och ett av siffrorna till hexadecimalt värde:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
Vad är RGB
RGB står för röda, gröna och blå nyanser av ljus som kan blandas för att skapa olika färger. Det är standardmetoden att producera bilder för TV-skärmar, datorskärmar och smarttelefonskärmar.
För att vara mer exakt är RGB en additiv färgmodell, vilket innebär att du måste lägga till nyanser tillsammans för att skapa en annan färg.
Tänk dig att stapla färger ovanpå varandra:
Notera: olika enheter producerar olika RGB-värden. Varje enhet använder olika färgblandningsteorier, vilket betyder att RGB-färger inte är desamma över alla enheter, och de behöver färghantering för att se likadana ut.
För att beskriva en färg i RGB-färgmodellen måste du berätta hur mycket rött, grönt och blått som behövs.
Du anger hur mycket rött, grönt och blått som behövs genom att använda en RGB-triplett (R, G, B) där vart och ett av elementen kan variera från noll till ett definierat maximivärde.
Om alla element är noll (0, 0, 0) - resultatet är svart färg.
Om alla element är maximala (255, 255, 255) - resultatet är vit färg.
Kombinationer av dessa siffror utgör olika färger (255, 255, 0) - resultatet är gul färg
Detta kallas färgdjup och mäts i bitar.
Från och med 2018 använder nästan alla TV-, datorer- och smarttelefonskärmar 24-bitars färgdjup känt som äkta färg. Den stöder åtta bitar för var och en av de tre färgerna, eller totalt 24 bitar.
Detta ger 28 eller 256 möjliga värden för rött, grönt och blått:
256 x 256 x 256 = 16,777,216 totalt möjliga färger i den sanna färgpaletten
Vad är Hexadecimal
Hexadecimal beskriver ett bas-16 nummersystem som består av 16 symboler. Den använder siffror från 0 till 9 för att representera siffror från 0 till 9, och bokstäverna A till F representerar siffrorna från 10 till 15.
Det används oftast inom datavetenskap och matematik som ett sätt att representera binär kod i en läsbar form.
Till skillnad från datorer eller forskare använder de flesta av oss decimalsiffran. Den består av siffror från 0 till 9 och det är det vanliga sättet att använda siffror. Vi börjar lära oss det i förskolan och använder det varje dag:
en bil kör 10 km / h
en katt väger 4 kg
en månad består av 30 dagar
Nu när vi vet skillnaden mellan hexadecimal och decimal, låt oss undersöka hur vi kan konvertera från en till en annan.
Som vi redan vet representerar siffror från 0 till 9 i hexadecimalt tal 0 till 9 och bokstäverna A till F representerar 10 till 15 i decimalsystemet.
Här är en djupgående tabell som är bra för att förklara konvertering från hexadecimala till decimaltal:
Hur konverterar man RGB till HEX
För att konvertera RGB till HEX måste du konvertera röda gröna och blå färgvärden från decimal till hexadecimal.
Exempel #1: konvertera färg röd (255, 0, 0) till HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Exempel #2: konvertera färg grön (0, 255, 0) till HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Exempel #3: konvertera färg blå (0, 0, 255) till HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Exempel #4: konvertera färg svart (0, 0, 0) till HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Exempel #5: konvertera färg vit (255, 255, 255) till HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus exempel #6: konvertera färg guld (255, 215, 0) till HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Hur konverterar man HEX till RGB
För att konvertera HEX till RGB måste du dela upp hexadecimalt värde i par om två och konvertera det till ett decimaltal.
Exempel #1: konvertera färg röd #FF0000 till RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Exempel #2: konvertera färg grön #00FF00 till RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Exempel #3: konvertera färg blå #0000FF till RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Exempel #4: konvertera färg svart #000000 till RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Exempel #5: konvertera färg vit #FFFFFF till RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus exempel #6: konvertera färg guld #FFD700 till RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Skillnad mellan RGB och Hex
Som vi kan se från exemplen ovan är den största skillnaden mellan RGB och HEX att den använder olika siffersystem. RGB använder decimal och HEX använder hexadecimal.
Att konvertera färger från RGB till HEX är lika enkelt som att konvertera deras numeriska värden från decimal till hexadecimalt talsystem.
RGB vs HEX - vilken är bättre
Från vår erfarenhet och från vad vårt team har observerat genom åren används hexadecimal oftare än RGB, särskilt i webbutveckling och webbdesignindustrin.
Det gör dock ingen skillnad vilken du använder eftersom de båda representerar samma färg. Det enda förslaget - håll dig konsekvent.
Om du börjar använda RGB under hela vårt webbprojekt - håll dig till det. Om du börjar använda HEX under hela vårt webbprojekt, försök bara använda HEX
