Leder du efter andre farveomformere?
Sådan konverteres HEX til RGB
Konvertering af farver fra HEX til RGB er så simpelt som at konvertere deres talværdier fra hexadecimalt til decimaltalssystem. For at konvertere hex farve #32A852, vi deler koden i par af to 32 A8 52 og konverter hvert par til en decimalværdi:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Hvad er hexadecimal
Hexadecimal beskriver et base-16-tallsystem - et tal-system, der består af 16 symboler. Det bruger tal fra 0 til 9 til at repræsentere tal fra 0 til 9, og bogstaverne A til F til at repræsentere tallene fra 10 til 15.
Det bruges oftest inden for datalogi og matematik som et middel til at repræsentere binær kode i en menneskelig læsbar form.
I modsætning til computere eller forskere bruger de fleste af os decimalsystemet. Det består af tal fra 0 til 9, og det er standardmetoden til at bruge tal. Vi begynder at lære det i børnehaven, og vi bruger det hver dag:
en bil kører ved 10 mph
en kat vejer 4 kg
en måned er lavet af 30 dage
Hvad er RGB
RGB står for røde, grønne og blå nuancer af lys, der kan blandes for at skabe forskellige farver. Det er standardmetoden til at producere billeder til tv-skærme, computerskærme og smartphone-skærme.
For at være mere præcis er RGB en additiv farvemodel, hvilket betyder at du skal tilføje nuancer sammen for at skabe en anden farve.
Forestil dig at stable farverne oven på hinanden:
Bemærk: forskellige enheder producerer forskellige RGB-værdier. Hver enhed bruger forskellige farveblandingsteorier, hvilket betyder, at RGB-farver ikke er de samme på alle enhederne, og de har brug for farvestyring for at se ens ud.
For at beskrive en farve i RGB-farvemodellen skal du fortælle, hvor meget rød, grøn og blå der er brug for.
Du angiver, hvor meget af rød, grøn og blå der er brug for ved hjælp af en RGB-triplet (R, G, B) hvor hvert af elementerne kan variere fra nul til en defineret maksimumsværdi.
Hvis alle elementerne er nul (0, 0, 0) - resultatet er sort farve.
Hvis alle elementerne er maksimale (255, 255, 255) - resultatet er hvid farve.
Kombinationer af disse tal udgør forskellige farver (255, 255, 0) - resultatet er gul farve
Dette er kendt som farvedybde og måles i bits.
Fra og med 2018 bruger næsten alle tv-, computere- og smartphoneskærme 24-bit farvedybde kendt som ægte farve. Det understøtter otte bits for hver af de tre farver eller 24 bit i alt.
Dette giver 28 eller 256 mulige værdier for rød, grøn og blå:
256 x 256 x 256 = 16,777,216 samlede mulige farver i den ægte farvepalet
Nu hvor vi kender forskellen mellem hexadecimal og decimal, lad os undersøge, hvordan vi kan konvertere fra den ene til den anden.
Som vi allerede ved, repræsenterer tal fra 0 til 9 i det hexadecimale talsystem 0 til 9 og bogstaverne A til F repræsenterer 10 til 15 i decimalsystemet.
Her er en dybtgående tabel, der er god til at forklare konvertering fra hexadecimale til decimale tal:
Sådan konverteres HEX til RGB
For at konvertere HEX til RGB skal du opdele den hexadecimale værdi i par på to og konvertere den til et decimaltal.
Eksempel #1: konvertere farve rød #FF0000 til RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Eksempel #2: konvertere farve grøn #00FF00 til RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Eksempel #3: konvertere farve blå #0000FF til RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Eksempel #4: konvertere farve sort #000000 til RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Eksempel #5: konvertere farve hvid #FFFFFF til RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus eksempel #6: konvertere farve guld #FFD700 til RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Sådan konverteres RGB til HEX
For at konvertere RGB til HEX skal du konvertere rødgrøn og blå farveværdier fra decimal til hexadecimal.
Eksempel #1: konvertere farve rød (255, 0, 0) til HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Eksempel #2: konvertere farve grøn (0, 255, 0) til HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Eksempel #3: konvertere farve blå (0, 0, 255) til HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Eksempel #4: konvertere farve sort (0, 0, 0) til HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Eksempel #5: konvertere farve hvid (255, 255, 255) til HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus eksempel #6: konvertere farve guld (255, 215, 0) til HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Forskel mellem Hex og RGB
Som vi kan se fra eksemplerne ovenfor, er den største forskel mellem Hex og RGB, at den bruger forskellige numeriske systemer. HEX bruger hexadecimal, og RGB bruger decimal.
Konvertering af farver fra HEX til RGB er så simpelt som at konvertere deres talværdier fra hexadecimalt til decimaltalssystem.
HEX vs RGB - hvilken er bedre
Fra vores erfaring og fra det, som vores team har observeret gennem årene, bruges hexadecimal oftere end RGB, især i webudvikling og webdesignindustrier.
Det gør dog ingen forskel, hvilken du bruger, da de begge har samme farve. Det eneste forslag - bliv konsekvent.
Hvis du begynder at bruge RGB i hele vores webprojekt - hold dig til det. Hvis du begynder at bruge HEX i hele vores webprojekt, så prøv kun at bruge HEX
