Что такое цвет RGB?

Экраны создают каждый цвет, смешивая красный, зелёный и синий свет. Цвет RGB задаёт интенсивность каждого из этих трёх каналов числом от 0 (выключен) до 255 (максимальная интенсивность), поэтому rgb(255, 0, 0) — это чистый красный, rgb(0, 0, 0) — чёрный, а rgb(255, 255, 255) — белый. Тот же цвет можно записать в виде HEX-кода, например #ff0000, где каждая пара шестнадцатеричных цифр представляет один канал.

Описание инструмента

Этот инструмент позволяет редактировать цвет по одному каналу за раз. Выберите или вставьте исходный цвет, затем перемещайте ползунки красного, зелёного и синего каналов либо вводите точные значения и наблюдайте за изменением результата. Отредактированный цвет отображается в обозначениях, используемых CSS, инструментами дизайна, игровыми движками и кодом шейдеров, и каждое значение готово к копированию.

Возможности

  • Редактирование красного, зелёного и синего каналов с помощью ползунков или точных чисел от 0 до 255
  • Выбор цвета или вставка цвета в формате HEX, RGB, HSL или другом формате для начала работы
  • Получение цвета в форматах HEX, rgb(), процентов rgb(), нормализованных значений от 0 до 1, десятичного целого числа и шестнадцатеричного целого числа
  • Работает в браузере

Как это работает

Каждый канал представляет собой целое число от 0 до 255. Значения за пределами этого диапазона ограничиваются допустимыми границами, а десятичные значения округляются. Нормализованные значения получают делением каждого канала на 255, а целочисленные формы объединяют каналы в одно 24-битное число в формате 0xRRGGBB.

Советы

  • Используйте нормализованные значения от 0 до 1 для GLSL, HLSL, Unity и других API, которые принимают цвета в виде чисел с плавающей запятой.
  • Десятичное целое число используется во встраиваемых сообщениях Discord, а также в некоторых электронных таблицах и базах данных.