Търсите други преобразуватели на цветове?
Как да конвертирате RGB в HEX
Преобразуването на цветове от RGB в HEX е толкова просто, колкото преобразуването на техните цифрови стойности от десетична в шестнадесетична числова система. За да преобразуваме RGB цвят (50, 168, 82), преобразуваме всяко число в шестнадесетична стойност:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
Какво е RGB
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 всички възможни цветове в истинската цветова палитра
Какво е шестнадесетичен
Шестнадесетичен описва бройна система с основа 16, съставена от 16 символа. Той използва числа от 0 до 9 за представяне на числа от 0 до 9 и букви от A до F за представяне на числа от 10 до 15.
Най-често се използва в компютърните науки и математиката като средство за представяне на двоичен код в четима от човека форма.
За разлика от компютрите или учените, повечето от нас използват десетичната бройна система. Състои се от числа от 0 до 9 и е стандартният начин за използване на числа. Започваме да го учим в предучилищна възраст и го използваме всеки ден:
кола се движи с 10 мили в час
една котка тежи 4 кг
един месец се състои от 30 дни
Сега, след като знаем разликата между шестнадесетичен и десетичен, нека разгледаме как можем да конвертираме от един в друг.
Както вече знаем, в шестнадесетичната бройна система числата от 0 до 9 представляват 0 до 9, а буквите от А до F представляват 10 до 15 в десетичната система.
Ето една задълбочена таблица, която е добра за обяснение на преобразуването от шестнадесетични в десетични числа:
Как да конвертирате RGB в HEX
За да преобразувате 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, трябва да разделите шестнадесетичната стойност на двойки по две и да я преобразувате в десетично число.
Пример #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
Както можем да видим от примерите по-горе, основната разлика между RGB и HEX е, че използва различни цифрови системи. RGB използва десетичен знак, а HEX използва шестнадесетичен.
Преобразуването на цветове от RGB в HEX е толкова просто, колкото преобразуването на техните цифрови стойности от десетична в шестнадесетична бройна система.
RGB срещу HEX - кой е по-добър
От нашия опит и от това, което нашият екип е наблюдавал през годините, шестнадесетичният знак се използва по-често от RGB, особено в индустриите за уеб разработка и уеб дизайн.
Няма значение обаче кой ще използвате, тъй като и двата представляват един и същи цвят. Единственото предложение - останете последователни.
Ако започнете да използвате RGB в нашия уеб проект - придържайте се към него. Ако започнете да използвате HEX в нашия уеб проект, опитайте се да използвате само HEX
