Какие существуют способы указания цвета в CSS и HTML

14:41 21 мая 2018

Какие существуют способы указания цвета в CSS и HTMLВ CSS существует 3 варианта указания цвета.

Шестнадцатеричный формат RGB.

Самый распространенный способ. Оттенки трех основных цветов задаются в шестнадцатеричном формате от 00 до FF без пробелов и других разделителей в правильной последовательности: красный, зеленый, синий.

В начале, для обозначения шестнадцатеричного формата RGB, ставится символ "#". То есть, черный цвет обозначается как "#000000", белый как "#FFFFFF". Для получения, например, фиолетового цвета, нам надо смешать красный и синий цвет, а значит, фиолетовый будет обозначаться как "#FF00FF". Более наглядная палитра изображена на рисунке. Указаны, конечно, не все цвета, но все же, вникнуть, как они получаются можно.

Также имеется сокращенный вариант, если шестнадцатеричный код каждого из трех основных цветов повторяется, то есть если код трех элементов имеет по две одинаковые цифры (например, #8855CC). В таком случае для каждого из трех цветов пишется одна шестнадцатеричная цифра. Белый цвет в сокращенном формате будет иметь вид "#FFF", черный - "#000", тот же фиолетовый цвет будет иметь вид "#F0F". Данный код шестнадцатеричного формата можно также найти в программе Photoshop. В окне цветовой палитры в нижней части будет выводиться шестнадцатеричный код цвета, который просто можно будет скопировать и просто вставить в CSS. А вообще существует масса программ для получения кода цвета в шестнадцатеричном формате RGB.

Десятичный формат RGB

Практически, то же самое что и шестнадцатеричный формат RGB, только оттенки трех основных цветов выводятся десятичными цифрами от 0 до 255. Для указания, что данный код является десятичным форматом RGB, сначала ставится аббревиатура "rgb" затем в скобках через запятую вписываются оттенки цветов, например rgb (255, 0, 255).

Зарезервированные названия цветов

Самый удобный способ, если вам нужен строгий цвет, и не важно, какой у него будет оттенок. Для обозначения вписывается английское название цвета (red, green, blue, white, black, violet и т. д.).


Теги: CSS HTML HEX RGB Дизайн
Категория Web-мастер   |   0 комм.
Нет результатов.