Урок №8. Цвета в CSS

Первый и самый распространненый это указание в 16-ричном формате, пример - #ff00ff, что здесть есть что?

Вначале идер решотка, которая показывает, что дальше пойдет 16-ый код цвета, всем известно, что все цвета получаются из смешания трех основных - красный, зеленый, синий (red, green, blue, - rgb). В этой записи каждому из этих цветов уделяется два символа, т.е. в цвете #ff00ff, красная составляющая будет - ff, зеленая - 00, синяя - ff. Степень яркости одной из составляющих определяется этим 16-ым цветом, ff - наибольшая степень включения цвета, 00 - самая наименьшая. Для более ясного понятия, вот примеры некоторых цветов:

#ffffff - белый

#000000 - черный

#ff9f9f - розовый

#aebfff - голубой

Таким образом смешивая эти три составляющие можно получить любой цвет и описать его таким образом.

Второй способ пошел от названия трех составляющих red, green и blue - rgb. При помощи этого способа цвет определяется в 10 системе, где каждой составляющей по указанной последовательности так же выставляется чило, определяющее его яркость в итоговом цвете, числом от 0 до 255.

rgb(0,0,0) - черный цвет

rgb(255,255,255) - белый цвет

и так далее.

С недавних пор появился третий способ определения цвета, с указанием его альфа составляющей, обычно эта переменная определяет степень прозрачности цвета, и варьируется от 0 - отсутствие цвета, до 1 - полностью непрозрачный. Для этого всеголишь нужно за место rgb казывать rgba и добавить еще одно число в конце. Примеры такого определния:

rgba(255,255,255,0.5) - полупрозрачный белый цвет

rgba(255,0,0,0.5) - полупрозрачный красный цвет

Последний способ поддерживается не всеми свойствами CSS и может попросту не работать, если вы укажете его, но является очень удобным, для создания красивых эффектов.