Преобразуването на цветове от HEX в RGB е толкова просто, колкото преобразуването на техните цифрови стойности от шестнадесетична в десетична числова система. За да конвертирате шестнадесетичен цвят #32A852
, разделяме кода на двойки по две 32 A8 52
и преобразувайте всяка от двойката в десетична стойност:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
Шестнадесетичен
описва бройна система с основа 16 - бройна система, съставена от 16 символа. Той използва числа от 0 до 9 за представяне на числа от 0 до 9 и букви от A до F за представяне на числа от 10 до 15.
Най-често се използва в компютърните науки и математиката като средство за представяне на двоичен код в четима от човека форма.
За разлика от компютрите или учените, повечето от нас използват десетичната бройна система. Състои се от числа от 0 до 9 и е стандартният начин за използване на числа. Започваме да го учим в предучилищна възраст и го използваме всеки ден:
кола се движи с 10 мили в час една котка тежи 4 кг един месец се състои от 30 дни
RGB
означава червени, зелени и сини нюанси на светлината, които могат да се смесват, за да се създадат различни цветове. Това е стандартният метод за създаване на изображения за телевизионни екрани, компютърни монитори и дисплеи на смартфони.
За да бъдем по-точни, RGB е допълнителен цветови модел, което означава, че трябва да добавите нюанси заедно, за да създадете различен цвят.
Представете си, че подреждате цветове един върху друг:
Забележка: различни устройства произвеждат различни RGB стойности. Всяко устройство използва различна теория за смесване на цветовете, което означава, че RGB цветовете не са еднакви за всички устройства и те се нуждаят от управление на цветовете, за да изглеждат еднакво.
За да опишете цвят в цветовия модел RGB, трябва да кажете колко червено, зелено и синьо е необходимо.
Вие посочвате колко червено, зелено и синьо е необходимо, като използвате RGB триплет (R, G, B)
където всеки от елементите може да варира от нула до определена максимална стойност.
Ако всички елементи са на нула (0, 0, 0)
- резултатът е черен цвят.
Ако всички елементи са максимални (255, 255, 255)
- резултатът е бял цвят.
Комбинациите от тези числа образуват различни цветове (255, 255, 0)
- резултатът е жълт цвят
Това е известно като дълбочина на цвета и се измерва в битове.
От 2018 г. почти всеки дисплей на телевизор, компютър и смартфон използва 24-битова дълбочина на цвета, известна като истински цвят. Той поддържа осем бита за всеки от трите цвята или общо 24 бита.
Това осигурява 28 или 256 възможни стойности за червено, зелено и синьо:
256 x 256 x 256 = 16,777,216 всички възможни цветове в истинската цветова палитра
Сега, след като знаем разликата между шестнадесетичен и десетичен, нека разгледаме как можем да конвертираме от един в друг.
Както вече знаем, в шестнадесетичната бройна система числата от 0 до 9 представляват 0 до 9, а буквите от А до F представляват 10 до 15 в десетичната система.
Ето една задълбочена таблица, която е добра за обяснение на преобразуването от шестнадесетични в десетични числа:
За да конвертирате HEX в RGB, трябва да разделите шестнадесетичната стойност на двойки по две и да я преобразувате в десетично число.
Пример #1: преобразувайте червения цвят #FF0000
да се RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Пример #2: преобразуване на зелен цвят #00FF00
да се RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Пример #3: конвертиране на син цвят #0000FF
да се RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Пример #4: преобразуване на черен цвят #000000
да се RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Пример #5: конвертиране на бял цвят #FFFFFF
да се RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Бонус пример #6: конвертирайте цвят злато #FFD700
да се RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
За да преобразувате RGB в HEX, трябва да преобразувате червени зелени и сини цветови стойности от десетична в шестнадесетична.
Пример #1: преобразувайте червения цвят (255, 0, 0)
да се HEX:
Р = 255 = FF Ж = 0 = 00 б = 0 = 00 HEX = #FF0000
Пример #2: преобразуване на зелен цвят (0, 255, 0)
да се HEX:
Р = 0 = 00 Ж = 255 = FF б = 0 = 00 HEX = #00FF00
Пример #3: конвертиране на син цвят (0, 0, 255)
да се HEX:
Р = 0 = 00 Ж = 0 = 00 б = 255 = FF HEX = #0000FF
Пример #4: преобразуване на черен цвят (0, 0, 0)
да се HEX:
Р = 0 = 00 Ж = 0 = 00 б = 0 = 00 HEX = #000000
Пример #5: конвертиране на бял цвят (255, 255, 255)
да се HEX:
Р = 255 = FF Ж = 255 = FF б = 255 = FF HEX = #FFFFFF
Бонус пример #6: конвертирайте цвят злато (255, 215, 0)
да се HEX:
Р = 255 = FF Ж = 215 = D7 б = 0 = 00 HEX = #FFD700
Както можем да видим от примерите по-горе, основната разлика между Hex и RGB е, че използва различни цифрови системи. HEX използва шестнадесетичен, а RGB използва десетичен.
Преобразуването на цветове от HEX в RGB е толкова просто, колкото преобразуването на техните цифрови стойности от шестнадесетична в десетична числова система.
От нашия опит и от това, което нашият екип е наблюдавал през годините, шестнадесетичният знак се използва по-често от RGB, особено в индустриите за уеб разработка и уеб дизайн.
Няма значение обаче кой ще използвате, тъй като и двата представляват един и същи цвят. Единственото предложение - останете последователни.
Ако започнете да използвате RGB в нашия уеб проект - придържайте се към него. Ако започнете да използвате HEX в нашия уеб проект, опитайте се да използвате само HEX