Используя этот сайт, вы соглашаетесь с использованием нами файлов cookie для персонализированного контента и рекламы. Узнать больше

Конвертер HEX в RGB

#

Ищете другие преобразователи цвета?

Как преобразовать 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, вы должны указать, сколько красного, зеленого и синего необходимо.

Вы указываете, сколько красного, зеленого и синего необходимо, используя триплет 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

Нужен логотип?

Сделайте красивый логотип для вашего бренда в считанные минуты. Дизайнеры не требуются.