Szukasz innych konwerterów kolorów?
Jak przekonwertować RGB na HEX
Konwersja kolorów z RGB na HEX jest tak prosta, jak konwersja ich wartości liczbowych z systemu dziesiętnego na szesnastkowy. Aby przeliczyć kolor RGB (50, 168, 82), przeliczamy każdą liczbę na wartość szesnastkową:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
Co to jest RGB
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
Co to jest szesnastkowy
Szesnastkowy opisuje system liczb o podstawie 16 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 jej 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
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:
Jak przekonwertować RGB na HEX
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 przekonwertować HEX na RGB
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)
Różnica między RGB i Hex
Jak widać z powyższych przykładów, główna różnica między RGB i HEX polega na tym, że używa różnych systemów liczbowych. RGB używa liczby dziesiętnej, a szesnastkowej - szesnastkowej.
Konwersja kolorów z RGB na HEX jest tak prosta, jak konwersja ich wartości liczbowych z systemu dziesiętnego na szesnastkowy.
RGB vs HEX - który jest lepszy
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
