Ищете другие преобразователи цвета?
Как преобразовать HEX в RGB
Преобразование цветов из 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, вы должны указать, сколько красного, зеленого и синего необходимо.
Вы указываете, сколько красного, зеленого и синего необходимо, используя триплет 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, а буквы от A до F представляют от 10 до 15 в десятичной системе.
Вот подробная таблица, которая хорошо объясняет преобразование шестнадцатеричных чисел в десятичные.:
Как преобразовать 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, вам необходимо преобразовать значения красного, зеленого и синего цветов из десятичных в шестнадцатеричные.
пример #1: преобразовать красный цвет (255, 0, 0) к HEX:
р = 255 = FF
г = 0 = 00
B = 0 = 00
HEX = #FF0000
пример #2: преобразовать цвет зеленый (0, 255, 0) к HEX:
р = 0 = 00
г = 255 = FF
B = 0 = 00
HEX = #00FF00
пример #3: преобразовать цвет синий (0, 0, 255) к HEX:
р = 0 = 00
г = 0 = 00
B = 255 = FF
HEX = #0000FF
пример #4: преобразовать цвет в черный (0, 0, 0) к HEX:
р = 0 = 00
г = 0 = 00
B = 0 = 00
HEX = #000000
пример #5: преобразовать белый цвет (255, 255, 255) к HEX:
р = 255 = FF
г = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Бонус пример #6: преобразовать цвет золота (255, 215, 0) к HEX:
р = 255 = FF
г = 215 = D7
B = 0 = 00
HEX = #FFD700
Разница между Hex и RGB
Как видно из приведенных выше примеров, основное различие между Hex и RGB заключается в том, что в нем используются разные системы счисления. HEX использует шестнадцатеричный формат, а RGB - десятичный.
Преобразование цветов из HEX в RGB так же просто, как преобразование их числовых значений из шестнадцатеричной в десятичную систему чисел.
HEX против RGB - что лучше
Исходя из нашего опыта и того, что наша команда наблюдала на протяжении многих лет, шестнадцатеричное число используется чаще, чем RGB, особенно в отраслях веб-разработки и веб-дизайна.
Однако не имеет значения, какой из них вы используете, поскольку они оба имеют один и тот же цвет. Единственный совет - оставайтесь последовательными.
Если вы начнете использовать RGB в нашем веб-проекте - придерживайтесь его. Если вы начнете использовать HEX в нашем веб-проекте, попробуйте использовать только HEX
