Å konvertere farger fra RGB til HEX er så enkelt som å konvertere tallverdiene fra desimal til heksadesimaltall. For å konvertere RGB-farge (50, 168, 82) konverterer vi hvert av tallet til heksadesimal verdi:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
RGB
står for røde, grønne og blå nyanser av lys som kan blandes for å skape forskjellige farger. Det er standardmetoden for å produsere bilder for TV-skjermer, dataskjermer og smarttelefonskjermbilder.
For å være mer presis, er RGB en additiv fargemodell, noe som betyr at du må legge til fargetoner sammen for å lage en annen farge.
Tenk deg å stable farger på hverandre:
Merk: forskjellige enheter produserer forskjellige RGB-verdier. Hver enhet bruker forskjellige fargeblandingsteorier, noe som betyr at RGB-farger ikke er de samme på alle enhetene, og de trenger fargestyring for å se likt ut.
For å beskrive en farge i RGB-fargemodellen, må du fortelle hvor mye rød, grønn og blå som trengs.
Du angir hvor mye av rødt, grønt og blått som trengs ved å bruke en RGB-triplett (R, G, B)
der hvert av elementene kan variere fra null til en definert maksimumsverdi.
Hvis alle elementene er på null (0, 0, 0)
- resultatet er svart farge.
Hvis alle elementene er maksimalt (255, 255, 255)
- resultatet er hvit farge.
Kombinasjoner av disse tallene utgjør forskjellige farger (255, 255, 0)
- resultatet er gul farge
Dette er kjent som fargedybde og måles i biter.
Fra og med 2018 bruker nesten alle TV-, datamaskiner- og smarttelefonskjerm 24-biters fargedybde kjent som ekte farge. Den støtter åtte bits for hver av de tre fargene, eller totalt 24 bits.
Dette gir 28 eller 256 mulige verdier for rødt, grønt og blått:
256 x 256 x 256 = 16,777,216 totalt mulige farger i den sanne fargepaletten
Heksadesimal
beskriver et base-16 tallsystem bestående av 16 symboler. Den bruker tall fra 0 til 9 for å representere tall fra 0 til 9, og bokstavene A til F for å representere tallene fra 10 til 15.
Det brukes oftest innen informatikk og matematikk som et middel til å representere binær kode i en lesbar form.
I motsetning til datamaskiner eller forskere bruker de fleste av oss desimaltallsystemet. Den består av tall fra 0 til 9, og det er standard måte å bruke tall på. Vi begynner å lære det i førskolen, og vi bruker det hver dag:
en bil kjører 10 km / t en katt veier 4 kg en måned er laget av 30 dager
Nå som vi vet forskjellen mellom heksadesimal og desimal, la oss undersøke hvordan vi kan konvertere fra en til en annen.
Som vi allerede vet, representerer tall fra 0 til 9 i heksadesimaltallsystemet 0 til 9, og bokstavene A til F representerer 10 til 15 i desimalsystemet.
Her er en grundig tabell som er god til å forklare konvertering fra heksadesimale til desimale tall:
For å konvertere RGB til HEX, må du konvertere rødgrønne og blå fargeverdier fra desimal til heksadesimal.
Eksempel #1: konvertere farge rød (255, 0, 0)
til HEKS:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEKS = #FF0000
Eksempel #2: konvertere farge grønn (0, 255, 0)
til HEKS:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEKS = #00FF00
Eksempel #3: konvertere farge blå (0, 0, 255)
til HEKS:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEKS = #0000FF
Eksempel #4: konvertere farge svart (0, 0, 0)
til HEKS:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEKS = #000000
Eksempel #5: konvertere farge hvit (255, 255, 255)
til HEKS:
R = 255 = FF G = 255 = FF B = 255 = FF HEKS = #FFFFFF
Bonus eksempel #6: konvertere farge gull (255, 215, 0)
til HEKS:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEKS = #FFD700
For å konvertere HEX til RGB, må du dele den heksadesimale verdien i par på to og konvertere den til et desimaltall.
Eksempel #1: konvertere farge rød #FF0000
til RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Eksempel #2: konvertere farge grønn #00FF00
til RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Eksempel #3: konvertere farge blå #0000FF
til RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Eksempel #4: konvertere farge svart #000000
til RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Eksempel #5: konvertere farge hvit #FFFFFF
til RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bonus eksempel #6: konvertere farge gull #FFD700
til RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Som vi kan se fra eksemplene ovenfor, er hovedforskjellen mellom RGB og HEX at den bruker forskjellige tallsystemer. RGB bruker desimal, og HEX bruker heksadesimal.
Å konvertere farger fra RGB til HEX er så enkelt som å konvertere tallverdiene fra desimal til heksadesimalt tallsystem.
Fra vår erfaring og fra det teamet vårt har observert gjennom årene, brukes heksadesimalt oftere enn RGB, spesielt i webutvikling og webdesignindustri.
Det gjør imidlertid ingen forskjell hvilken du bruker, ettersom de begge representerer samme farge. Det eneste forslaget - hold deg konsistent.
Hvis du begynner å bruke RGB gjennom hele vårt webprosjekt - hold deg til det. Hvis du begynner å bruke HEX gjennom hele webprosjektet vårt, kan du prøve å bruke bare HEX