RGB — это аддитивная цветовая модель, описывающая способ синтеза цвета для вывода на экранах мониторов. Если у вас есть картинка и вы хотите определить RGB цвет по фото, просто загрузите её в наш инструмент и наведите лупу на нужный пиксель.
Расшифровка аббревиатуры
Название RGB происходит от трех английских слов, обозначающих базовые цвета, из которых строится всё многообразие оттенков на экране:
- Red — Красный
- Green — Зеленый
- Blue — Синий
Как работает аддитивная модель?
В отличие от красок на бумаге (модель CMYK), где смешение всех цветов дает черный, экраны работают по принципу излучения света. Когда экран выключен, он черный. Чтобы получить цвет, необходимо включить микроскопические светодиоды (пиксели). Смешивая красный, зеленый и синий свет на максимальной яркости, мы получаем чистый белый цвет. Это и называется "аддитивным" (добавляющим) смешением.
Координаты цвета
В классическом 24-битном RGB каждый из трех каналов имеет 256 градаций яркости (от 0 до 255).
rgb(0, 0, 0)— света нет (черный)rgb(255, 255, 255)— максимальный свет (белый)rgb(255, 0, 0)— светится только красный каналrgb(255, 255, 0)— красный и зеленый дают желтый цвет
Перемножив 256 × 256 × 256, мы получаем 16,7 миллионов возможных комбинаций. Именно столько оттенков может отобразить стандартный современный монитор, чего более чем достаточно для человеческого глаза.
RGBA: Добавление прозрачности
В современной веб-разработке часто используется формат RGBA, где буква A (Alpha) отвечает за непрозрачность элемента. Значение альфа-канала задается от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Например: rgba(255, 0, 0, 0.5) нарисует полупрозрачный красный блок, через который будет виден фон.