Учебники

Преобразование цветовых кодов

В этом уроке мы увидим, как различные цветовые коды можно комбинировать для создания других цветов, и как мы можем преобразовать цветовые коды RGB в шестнадцатеричные и наоборот.

Разные цветовые коды

Все цвета здесь имеют 24-битный формат, то есть каждый цвет содержит 8 бит красного, 8 бит зеленого и 8 бит синего. Или мы можем сказать, что каждый цвет состоит из трех разных частей. Вам просто нужно изменить количество этих трех порций, чтобы сделать любой цвет.

Двоичный цветовой формат

Черный цвет

Образ:

черный

Десятичный код:

(0,0,0)

Объяснение:

Как было объяснено в предыдущих уроках, в 8-битном формате 0 обозначает черный. Поэтому, если нам нужно сделать чистый черный цвет, мы должны сделать все три части R, G, B равными 0.

Белый цвет

Образ:

белый

Десятичный код:

(255255255)

Объяснение:

Поскольку каждая часть R, G, B является 8-битной частью. Таким образом, в 8-битном белом цвете формируется 255. Это объясняется в учебнике по пикселям. Таким образом, чтобы сделать белый цвет, мы устанавливаем каждую порцию на 255, и вот как мы получили белый цвет. Установив для каждого значения 255, мы получаем общее значение 255, то есть цвет становится белым.

Цветовая модель RGB:

Красный цвет

Образ:

красный

Десятичный код:

(255,0,0)

Объяснение:

Так как нам нужен только красный цвет, мы обнуляем оставшиеся две части, зеленые и синие, и устанавливаем для красной части максимум, равный 255.

Цвет: зеленый

Образ:

зеленый

Десятичный код:

(0,255,0)

Объяснение:

Поскольку нам нужен только зеленый цвет, мы обнуляем остальные две части, которые являются красной и синей, и устанавливаем для зеленой части ее максимум, равный 255.

Цвет синий

Образ:

синий

Десятичный код:

(0,0,255)

Объяснение:

Поскольку нам нужен только синий цвет, мы обнуляем остальные две части, которые являются красной и зеленой, и устанавливаем для синей части ее максимум, равный 255

Серый цвет:

Цвет: серый

Образ:

серый

Десятичный код:

(128128128)

объяснение

Как мы уже определили в нашем уроке по пикселям, этот серый цвет на самом деле является средней точкой. В 8-битном формате средняя точка равна 128 или 127. В этом случае мы выбираем 128. Таким образом, мы устанавливаем для каждой части ее среднюю точку, равную 128, и в результате получается общее среднее значение, и мы получаем серый цвет.

Цветовая модель CMYK:

CMYK — это другая цветовая модель, где c обозначает голубой, m обозначает пурпурный, y обозначает желтый и k обозначает черный. Модель CMYK обычно используется в цветных принтерах, в которых используются два цветных картера. Один состоит из CMY, а другой состоит из черного цвета.

Цвета CMY также могут быть сделаны путем изменения количества или доли красного, зеленого и синего.

Цвет: голубой

Образ:

циан

Десятичный код:

(0255255)

Объяснение:

Голубой цвет формируется из комбинации двух разных цветов: зеленого и синего. Таким образом, мы устанавливаем эти два на максимум и обнуляем часть красного. И мы получаем голубой цвет.

Цвет: пурпурный

Образ:

фуксин

Десятичный код:

(255,0,255)

Объяснение:

Пурпурный цвет образуется из комбинации двух разных цветов: красного и синего. Таким образом, мы устанавливаем эти два на максимум и обнуляем порцию зеленого. И мы получаем пурпурный цвет.

Цвет: желтый

Образ:

желтый

Десятичный код:

(255,255,0)

Объяснение:

Желтый цвет сформирован из комбинации двух разных цветов, которые являются красным и зеленым. Таким образом, мы устанавливаем эти два на максимум и обнуляем порцию синего цвета. И мы получаем желтый цвет.

преобразование

Теперь мы увидим, как цвета преобразуются из одного формата в другой.

Преобразование из RGB в шестнадцатеричный код:

Преобразование из Hex в rgb выполняется с помощью этого метода:

  • Возьми цвет. Например: белый = (255, 255, 255).

  • Возьмите первую порцию, например, 255.

  • Разделите это на 16. Вот так:

  • преобразование

  • Возьмите два числа под линией, коэффициент и остаток. В этом случае это 15 15, что является FF.

  • Повторите шаг 2 для следующих двух частей.

  • Объедините весь шестнадцатеричный код в один.

Возьми цвет. Например: белый = (255, 255, 255).

Возьмите первую порцию, например, 255.

Разделите это на 16. Вот так:

преобразование

Возьмите два числа под линией, коэффициент и остаток. В этом случае это 15 15, что является FF.

Повторите шаг 2 для следующих двух частей.

Объедините весь шестнадцатеричный код в один.

Ответ: #FFFFFF

Преобразование из Hex в RGB:

Преобразование из шестнадцатеричного кода в десятичный формат rgb выполняется таким образом.

Возьмите шестнадцатеричное число. Например: #FFFFFF

Разбейте это число на 3 части: FF FF FF

Возьмите первую часть и разделите ее компоненты: F F

Конвертировать каждую часть отдельно в двоичную форму: (1111) (1111)

Теперь объедините отдельные двоичные файлы в один: 11111111

Преобразовать этот двоичный файл в десятичный: 255

Теперь повторите шаг 2, еще два раза.

Значение входит в первый шаг R, второй G, а третий принадлежит B.

Ответ: (255, 255, 255)