<Цвет> | Тип значения в CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник CSS3 » Типы значений


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


<Цвет> | Тип значения в CSS

Варианты цветовых типов применяемых вебмастером




► Кроссбраузерные названия цветов

Кроссбраузерные цвета имеют в общем много названий.Словосочетания названий могут дополнятся числовыми параметрами,создающими оттенок основному цвету.Стандартные,кроссбраузерные цвета включают названия - aqua (голубой),black (черный),blue (синий),fuchsia (розовый),grey(серый),green (зеленый),lime (салатный),maroon (малиновый),navy (темно-синий),olive (оливковый),purple (сиреневый),red (красный),silver (светло-серый),teal (бирюзовый),white (белый) и yellow (желтый).Остальные цвета имеют более расширенное представление о цвете,для указания в шрифтах не советовал бы использовать подобный тип значений ( кроме стандартных ).

► Шестнадцатеричные коды цветов HEX

Шестнадцатеричные цвета составляются после символа ( # ) и включают в себя шестизначный набор цифр или трёхзначный ( сокращённый ),например чёрный ( #000000 ) - ( #000 ).Шестизначный цвет это скомпонованая палитра распределяющаяся на три основных цвета #RRGGBB,где RR (красный),GG (зеленый) и BB (голубой).Можно применять и буквенные значения,аналогично после символа ( # ),например белый ( #FFFFFF ) - ( #FFF ) .Трёхзначный цвет так же включает в себя три основных цвета #RGB,где R (красный),G (зеленый) и B (голубой).Понять распределение цветовой палитры можно на глаз,по имеющемуся коду,например возьмём любой код ( #250000 ),даже не прибегая к поиску в таблице можно понять что число указывается в зоне красного диапазона ( red red | green green | blue blue),тоесть в первой двойке имеющей отношение к красному цвету.Именно таким образом и формируется цветовая гамма,это самый распространённый способ установить значение цвета,такие значения будут понятны любому браузеру.

► RGB коды цветов

RGB цвета указываются в формате rgb(красный,зеленый,голубой),при этом к каждому отдельному цвету могут применятсья от одного до трёх значений с минимальным значением 0 и максимальным трёхзначным числом 255,например rgb(0,11,222).Можно указать значения в процентном соотношении,порядок написания аналогичный,но со знаком ( % ),например rgb(0%,10%,100%) где 100% значение будет равно 255.Таким способом можно указать до 16 000 000 цветов ( 255х255х255 ),такой способ установки цветовой палитры будет понятен всем распространённым браузерам

► RGBA коды цветов

RGBA это расширенный способ указать цветовую палитру цветового типа RGB,с дополнительной возможностью указания плотности видимого цвета.Это происходит за счёт добавления параметра A ( альфа ) предназначенного для установки прозрачности цветовой гамме.Способ записи аналогичен типу RGB,с добавлением параметра для A ( алфа ) в пределах от 0.0 до 1.0,где значение 0.0 будет устанавливать полную прозрачность цвету.Вот пример использования полной плотности цвета,без эффекта прозрачности rgba(0,11,222,1.0),для предыдущих типов цветов можно так же создать эффект прозрачности применяя свойство CSS opacityДовольно полезное свойство,не забудьте посмотреть!.Подобный тип указанного цвета будет поддерживатся только обновлёнными браузерами,я имею в виду старых ослов и певцов,а в общем можно смело применять.

► HSL коды цветов

Этот тип цветовых значений предназначен для установки тональности цвета,имеет название от слов hue ( тон ),saturation ( насыщенность ) и lightness ( яркость ).Процесс установки аналогичен последовательности самого названия и имеет схожесть с типами RGB и RGBA,прописывается как и они hsl(тон,насыщенность,яркость).Для установки тона используется значения в градусах угла цветового круга ( от 0 до 360 ),для насыщенности следует использовать процентную запись,как и для указания яркости.Выглядит сама запись вот так hsl(180,50%,100%),и Вы можете посмотреть на действие этого цветового типа нажав кнопку Rainbow на этой странице.

► HSLA коды цветов

Аналогичен типу HSL  с дополнительной возможностью указания плотности видимого цвета как в RGBA.Запись производится по тому же принципу и выглядит так hsla(тон,насыщенность,яркость,плотность) - hsla(180,50%,100%,1.0).




Таблица цветов с кодами



Узнать цвет по имеющемуся коду





Русские шрифты






Источник: http://delaisait.ucoz.ru/publ/36-1-0-148
Категория: Типы значений | Добавил: IZOTOP (21.05.2012) | Автор: Меренков Михаил E W
Просмотров: 3347 | Теги: название цвета, color code, код цвета, КОД, цвет, узнать, как | Рейтинг: 5.0/2

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]