Конвертер цветов RGB онлайн

Закодировано

Цвет RGB (Hex)	Нотация
Цвет RGB	Цветовое пространство Обозначение

Другие конвертеры цвета здесь

О цвете RGB

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

В RGB интенсивность каждого компонента задается числовым значением. Обычно используется целое число от 0 до 255 или процент от 0% до 100%. Если все компоненты равны 0, цвет черный; если все компоненты максимальны, цвет белый.

Цвет	Запись RGB	Шестнадцатеричная запись
Красный	`rgb(255 0 0)`	`#ff0000`
Зеленый	`rgb(0 128 0)`	`#008000`
Синий	`rgb(0 0 255)`	`#0000ff`
Белый	`rgb(255 255 255)`	`#ffffff`
Черный	`rgb(0 0 0)`	`#000000`

Цвета RGB можно записывать в виде функции или в шестнадцатеричном виде. Например, красный можно представить как rgb(255 0 0), rgb(100% 0% 0%), #ff0000 или #f00.

Чтобы добавить прозрачность, укажите альфа-значение. Например, полупрозрачный красный можно представить как rgb(255 0 0 / 50%) или #ff000080.

Преобразование RGB-цветов в DenCode поддерживает следующие варианты записи.

Цвет RGB (hex)
Вариант записи	Формат	Пример
`#RRGGBB(AA)`	`#RRGGBB` `#RRGGBBAA`	`#ff0000` `#ff000080`
`0xAARRGGBB`	`0xAARRGGBB`	`0xffff0000` `0x80ff0000`

Цвет RGB
Вариант записи	Формат	Пример
Число	`rgb(R G B)` `rgb(R G B / A)`	`rgb(255 0 0)` `rgb(255 0 0 / 0.5)`
Процент	`rgb(R% G% B%)` `rgb(R% G% B% / A)`	`rgb(100% 0% 0%)` `rgb(100% 0% 0% / 0.5)`

0xAARRGGBB не является стандартной шестнадцатеричной записью цвета CSS, но это формат ARGB, который иногда используется в программах и настройках приложений. Начальное AA означает альфа, затем RR, GG и BB обозначают красный, зеленый и синий.

sRGB и другие цветовые пространства RGB

RGB — это цветовая модель с тремя компонентами: красным, зеленым и синим. Однако даже при одинаковых RGB-значениях фактический цвет зависит от цветового пространства интерпретации. Обычные для веба rgb() и #RRGGBB обычно рассматриваются как цвета sRGB.

CSS Color Module Level 4 также определяет RGB-пространства с гамутом, отличным от sRGB, например Display P3 и ProPhoto RGB. DenCode также поддерживает преобразование этих пространств.

Цветовое пространство	Формат	Пример	Особенности
sRGB	`rgb(...)` `color(srgb ...)`	`rgb(255 0 0)` `color(srgb 1 0 0)`	Обычное RGB-пространство для веба и CSS. Шестнадцатеричные коды и обычные значения `rgb()` в основном рассматриваются как sRGB. `color(srgb ...)` — формат CSS Color Module Level 4.
Linear sRGB	`color(srgb-linear ...)`	`color(srgb-linear 1 0 0)`	Цветовое пространство с тем же гамутом, что и sRGB, но с линеаризованными компонентами. Используется для расчетов и композиции цвета.
Display P3	`color(display-p3 ...)`	`color(display-p3 1 0 0)`	Пространство с более широким гамутом, чем sRGB, используемое на wide-gamut дисплеях и некоторых мобильных устройствах.
Adobe RGB (1998)	`color(a98-rgb ...)`	`color(a98-rgb 1 0 0)`	Пространство шире sRGB, иногда используемое в обработке фотографий и печатных workflow.
ProPhoto RGB	`color(prophoto-rgb ...)`	`color(prophoto-rgb 1 0 0)`	RGB-пространство с еще более широким гамутом, чем Adobe RGB, используемое как рабочее пространство при обработке фотографий.
Rec. 2020	`color(rec2020 ...)`	`color(rec2020 1 0 0)`	RGB-пространство с очень широким гамутом, используемое в стандартах UHDTV и HDR-видео.

Цвета, заданные в RGB-пространствах с широким гамутом, могут неточно отображаться на sRGB-экранах или обычными шестнадцатеричными кодами. При преобразовании в #RRGGBB или числовой rgb(R G B) DenCode обрабатывает компоненты вне диапазона sRGB так, чтобы они попадали в диапазон от 0 до 255. При выборе color(display-p3 ...) или color(a98-rgb ...) их можно отображать как значения выбранного пространства.

Декодировано

Закодировано

О цвете RGB

sRGB и другие цветовые пространства RGB