Korzystając z tej witryny, wyrażasz zgodę na używanie przez nas plików cookie w celu personalizowania treści i reklam. Ucz się więcej

Konwerter HEX na RGB

#

Szukasz innych konwerterów kolorów?

Jak przekonwertować HEX na RGB

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)
            

Co to jest szesnastkowy

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
            

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:

Kolory RGB

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.

Tabela konwersji szesnastkowych na dziesiętne

Oto dogłębna tabela, która dobrze wyjaśnia konwersję z liczb szesnastkowych na dziesiętne:

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)
            

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
            

Różnica między Hex i RGB

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.

HEX vs RGB - 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

Potrzebujesz logo?

Stwórz piękne logo dla swojej marki w kilka minut. Nie potrzeba projektantów.