› RGB to HEX

RGB

RGB (аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий) или КЗС — аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения. RGB составляет все цвета, которые можно получить смешивая красный, зеленый и синий. Данная цветовая модель распространена в фотографиях, компьютерной графике, телевидении и так далее.

Аддитивной она называется потому, что цвета получаются путём добавления к чёрному цвету. Изображение в данной цветовой модели составляется цветоизлучением из трех каналов. RGB имеет целые значения от 0 до 255 для каждого цвета. Как пример, RGB 255,0,0 отображает красный цвет, так как в нем красный имеет полную насыщенность а зеленый и синий нулевую насыщенность.

h1 { color: rgb(255, 0, 0);    } /* red */h2 { color: rgb(0, 255, 0);    } /* green */h3 { color: rgb(0, 0, 255);    } /* blue */h4 { color: rgb(0%, 0%, 100%); } /* same blue with percents */

RGBA

Цветовая модель RGBA основана на том же RGB модели, за исключением того, что в него добавлен альфа канал (прозрачность). Тем самым цветовая модель RGBA имеет параметры (red,green,blue,alpha). Прозрачность принимает минимальное значения от 0 до 1, где 0 дает полную прозрачность а 1 означает, что цвет вовсе не прозрачен. Для определения цвета с 50% прозрачностью достаточно задать значение 0.5. (0.5 это 50% от максимального значения - 1)

h1 { color:  rgb(0, 0, 255);       } /* blue in RGB */h2 { color: rgba(0, 0, 255, 1);    } /* blue in RGBA, not transparent: 100% */h3 { color: rgba(0, 0, 255, 0.5);  } /* not transparent: 50% */h4 { color: rgba(0, 0, 255, .155); } /* not transparent: 15.5% */h5 { color: rgba(0, 0, 255, 0);    } /* fully transparent */

HEX

Цветовую модель можно также записать в HEX формате, что означает ту же RGB модель, только записанную в шестнадцатеричном виде.
В данном случая цвета записываются в тех же трех группах (red, green, blue), только соединенные воедино и имеющий шестнадцатеричный вид цифр. Все цвета в данном формате имеют значения от 00 до FF. Где FF равносильно 255 по модели RGB.
А также, практически во всех браузерах поддерживается сокращенная запись цвета в формате HEX. Как пример вместо #0000f можно записать #00f

h1 { color: #ff0000; } /* red */h2 { color: #00ff00; } /* green */h3 { color: #0000ff; } /* blue */h4 { color: #00f;    } /* blue, shortly format */