• CSS Справочники

• CSS Справочник
• CSS Единицы Измерения
• CSS Значения Цветов
• CSS Названия Цветов
• HEX Значения Цветов

CSS Цвета

Цвета в CSS могут быть указаны следующими способами:

• Шестнадцатеричные цвета
• RGB цвета
• RGBA цвета
• HSL цвета
• HSLA цвета
• Предопределенные/Кроссбраузерные названия цветов

Шестнадцатеричные Цвета

Шестнадцатеричные значения цветов поддерживаются всеми основными браузерами.

Шестнадцатеричный цвет указывается в формате: #RRGGBB, где RR (красный), GG (зеленый) и BB (голубой) - шестнадцатеричные целые числа, которые определяют компоненты цвета. Все значения должны быть в диапазоне от 0 до FF.

Например, значение #0000ff определяет голубой цвет, потому что голубой компонент установлен в наибольшее значение (ff), а остальные компоненты установлены в 0.

RGB Цвета

RGB значения цветов поддерживаются всеми основными браузерами.

RGB значение цвета указывается в формате: rgb(красный, зеленый, голубой). Каждый параметр (красный, зеленый и голубой) определяют интенсивность цвета и могут быть целыми числами от 0 до 255 или значениями в процентах (от 0% до 100%).

Например, значение rgb(0,0,255) отображается голубым, так как параметр голубого компонента установлен в наибольшее значение (255), а остальные параметры установлены в 0.

Также, значение rgb(0,0,255) можно указать как (0%,0%,100%).

RGBA Цвета

RGBA значения цветов поддерживаются в IE9+, Firefox 3+, Chrome, Safari и Opera 10+.

RGBA значения цветов являются расширением RGB значений цветов с альфа каналом - который указывает прозрачность объекта.

RGBA значение цвета указывается в формате: rgba(красный, зеленый, голубой, альфа). Параметр альфа - это число между 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный).

HSL Цвета

HSL значения цветов поддерживаются в IE9+, Firefox, Chrome, Safari и Opera 10+.

HSL означает hue (тон), saturation (насыщенность), и lightness (яркость) - и определяет представление цветов в цилиндрических координатах.

HSL значение цвета указывается следующим образом: hsl(тон, насыщенность, яркость).

Тон - это значение угла (в градусах) цветового круга (от 0 до 360) - 0 (или 360) - красный, 120 -зеленый, 240 -голубой. Насыщенность - это значение в процентах; 0% означает оттенок серого и 100% определяет полный цвет. Яркость - также процентная величина; 0% - черный, 100% - белый.

HSLA Цвета

HSLA значения цветов поддерживаются в IE9+, Firefox 3+, Chrome, Safari и в Opera 10+.

HSLA значения цветов являются расширением HSL значений цветов с альфа каналом, определяющим прозрачность объекта.

HSLA значение цвета указывается следующим образом: hsla(тон, насыщенность, яркость, альфа), где параметр альфа определяет прозрачность. Альфа параметр - это число между 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный).

Предопределенные/Cross-browser Color Names

147 названий цветов предопределены в спецификации цветов HTML и CSS. Смотрите таблицу предопределенных названий цветов.