Konwersja kolorów z HEX do RGB jest tak prosta, jak konwersja ich wartości liczbowych z systemu liczb szesnastkowych na dziesiętne. Aby przekonwertować kolor szesnastkowy #32A852
, podzieliliśmy kod na dwie pary 32 A8 52
i przekonwertuj każdą parę na wartość dziesiętną:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
Szesnastkowy
opisuje system liczbowy o podstawie 16 - system liczbowy składający się z 16 symboli. Używa liczb od 0 do 9 do reprezentowania liczb od 0 do 9 i liter od A do F do reprezentowania liczb od 10 do 15.
Jest najczęściej używany w informatyce i matematyce jako środek do przedstawiania kodu binarnego w formie czytelnej dla człowieka.
W przeciwieństwie do komputerów czy naukowców większość z nas używa dziesiętnego systemu liczbowego. Składa się z liczb od 0 do 9 i jest to standardowy sposób używania liczb. Rozpoczynamy naukę w przedszkolu i używamy go na co dzień:
samochód jedzie z prędkością 10 mil na godzinę kot waży 4 kg miesiąc składa się z 30 dni
RGB
oznacza czerwone, zielone i niebieskie odcienie światła, które można mieszać w celu uzyskania różnych kolorów. Jest to standardowa metoda tworzenia obrazów na ekrany telewizyjne, monitory komputerowe i wyświetlacze smartfonów.
Mówiąc dokładniej, RGB to addytywny model kolorów, co oznacza, że musisz dodać odcienie, aby stworzyć inny kolor.
Wyobraź sobie układanie kolorów jeden na drugim:
Uwaga: różne urządzenia wytwarzają różne wartości RGB. Każde urządzenie wykorzystuje inną teorię mieszania kolorów, co oznacza, że kolory RGB nie są takie same na wszystkich urządzeniach i wymagają takiego samego zarządzania kolorami.
Aby opisać kolor w modelu kolorów RGB, musisz powiedzieć, ile potrzeba czerwonego, zielonego i niebieskiego.
Możesz wskazać, ile czerwonego, zielonego i niebieskiego potrzeba, używając trójki RGB (R, G, B)
gdzie każdy z elementów może zmieniać się od zera do określonej wartości maksymalnej.
Jeśli wszystkie elementy są na zero (0, 0, 0)
- wynikiem jest kolor czarny.
Jeśli wszystkie elementy są na maksimum (255, 255, 255)
- wynikiem jest biały kolor.
Kombinacje tych liczb tworzą różne kolory (255, 255, 0)
- wynikiem jest żółty kolor
Jest to znane jako głębia koloru i jest mierzony w bitach.
Od 2018 roku prawie każdy telewizor, komputer i wyświetlacz smartfona wykorzystuje 24-bitową głębię kolorów, znaną jako prawdziwy kolor. Obsługuje osiem bitów dla każdego z trzech kolorów lub łącznie 24 bity.
To zapewnia 28 lub 256 możliwe wartości dla koloru czerwonego, zielonego i niebieskiego:
256 x 256 x 256 = 16,777,216 całkowita możliwa kolorystyka w prawdziwej palecie kolorów
Teraz, gdy znamy różnicę między liczbami szesnastkowymi i dziesiętnymi, przyjrzyjmy się, jak możemy przekonwertować je na inne.
Jak już wiemy, w szesnastkowym systemie liczbowym liczby od 0 do 9 oznaczają od 0 do 9, a litery od A do F reprezentują od 10 do 15 w systemie dziesiętnym.
Oto dogłębna tabela, która dobrze wyjaśnia konwersję z liczb szesnastkowych na dziesiętne:
Aby przekonwertować HEX na RGB, musisz podzielić wartość szesnastkową na pary po dwie i przekonwertować ją na liczbę dziesiętną.
Przykład #1: przekonwertować kolor czerwony #FF0000
do RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Przykład #2: przekonwertuj kolor zielony #00FF00
do RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Przykład #3: przekonwertuj kolor na niebieski #0000FF
do RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Przykład #4: konwertuj kolor na czarny #000000
do RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Przykład #5: przekonwertować kolor biały #FFFFFF
do RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Premia przykład #6: konwertuj kolor na złoty #FFD700
do RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Aby przekonwertować RGB na HEX, musisz przekonwertować wartości koloru czerwonego, zielonego i niebieskiego z dziesiętnych na szesnastkowe.
Przykład #1: przekonwertować kolor czerwony (255, 0, 0)
do KLĄTWA:
R = 255 = FF sol = 0 = 00 b = 0 = 00 KLĄTWA = #FF0000
Przykład #2: przekonwertuj kolor zielony (0, 255, 0)
do KLĄTWA:
R = 0 = 00 sol = 255 = FF b = 0 = 00 KLĄTWA = #00FF00
Przykład #3: przekonwertuj kolor na niebieski (0, 0, 255)
do KLĄTWA:
R = 0 = 00 sol = 0 = 00 b = 255 = FF KLĄTWA = #0000FF
Przykład #4: konwertuj kolor na czarny (0, 0, 0)
do KLĄTWA:
R = 0 = 00 sol = 0 = 00 b = 0 = 00 KLĄTWA = #000000
Przykład #5: przekonwertować kolor biały (255, 255, 255)
do KLĄTWA:
R = 255 = FF sol = 255 = FF b = 255 = FF KLĄTWA = #FFFFFF
Premia przykład #6: konwertuj kolor na złoty (255, 215, 0)
do KLĄTWA:
R = 255 = FF sol = 215 = D7 b = 0 = 00 KLĄTWA = #FFD700
Jak widać z powyższych przykładów, główna różnica między Hex i RGB polega na tym, że używa różnych systemów liczbowych. HEX używa szesnastkowego, a RGB używa dziesiętnego.
Konwersja kolorów z HEX do RGB jest tak prosta, jak konwersja ich wartości liczbowych z systemu liczb szesnastkowych na dziesiętne.
Z naszego doświadczenia iz tego, co nasz zespół obserwował przez lata, szesnastkowy jest używany częściej niż RGB, szczególnie w branży tworzenia stron internetowych i projektowania stron internetowych.
Jednak nie ma znaczenia, którego z nich użyjesz, ponieważ oba mają ten sam kolor. Jedyna sugestia - bądź konsekwentny.
Jeśli zaczniesz używać RGB w całym naszym projekcie internetowym - trzymaj się tego. Jeśli zaczniesz używać HEX w naszym projekcie internetowym, spróbuj użyć tylko HEX