Меню
Спросить
*.{ }

Colors

14 октября 2016
Colors

Если вы еще не утомились, то продолжаем по кирпичикам запоминать CSS.

Цвета

Цвета мы может задавать шрифтам, фонам, рамкам, тени и прочим свойствам и элементам.
Но неужели придется пользоваться стандартными цветами, которые обозначаются словами, как например, RED – красный, а если мне хочется, красный, но светлее или темнее и смешанный с желтым.
Конечно же ограничений по цветам практически нет. Мы можем задать их в нескольких системах.

Возьмем белый цвет, к примеру…

Вот так мы его можем задать разными способами:

  1. background: white;
  2. background: #FFFFFF;
  3. background: rgb(255, 255, 255);
  4. background: rgba(255, 255, 255, 1);

Первый способ – просто цвет на английском языке;

Второй способ – формат цвета в HEX-коде, все цвета пишутся через решетку;

Третий и четвертый способы – система RGB если кто не знает (RGB – Red Green Blue), эта система получает цвет, путем смешения трех цветов, красного, зеленого и синего. Система RGBA, это та же система, просто добавляется альфа-канал, то есть последняя буква означает ALFA. Альфа-канал дает прозрачность цвету, последнее число 1, означает, что цвет полностью не прозрачен, число ноль, будет означать, что цвет полностью прозрачен. Можно написать и 0.3, и 0.5, и тд, это будет означать, что цвет будет прозрачен на треть или половину соответственно.

Заключение

Используйте удобный для вас способ для задания цветов =)

Следующая статьяПредыдущая статья