Цвета в CSS

Цвета в CSS

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

Вы можете указать значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:

Формат

Синтаксис

Пример

Hex Code

#RRGGBB

p{color:#FF0000;}

Short Hex Code

#RGB

p{color:#6A7;}

RGB %

rgb(rrr%,ggg%,bbb%)

p{color:rgb(50%,50%,50%);}

RGB Absolute

rgb(rrr,ggg,bbb)

p{color:rgb(0,0,255);}

keyword

aqua, black, etc.

p{color:teal;}

 Ниже мы более подробно рассмотрим каждый формат цвета.


Hex Code - Шестнадцатеричный код

Шестнадцатеричным является 6-значный код цвета. Первые два символа (RR) представляют собой значение красного, следующие два являются значением зеленого (GG), а пара последних обозначают синий цвет (ВВ).

Примечание: Шестнадцатеричное значение цветов можно взять из любого графического программного обеспечения, как Adobe Photoshop, PaintShop Pro Jasc и других программ. Также есть много онлайн инструментов для определения кодов цвета.

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

Цвет

HEX код

 

#000000

 

#FF0000

 

#00FF00

 

#0000FF

 

#FFFF00

 

#00FFFF

 

#FF00FF

 

#C0C0C0

 

#FFFFFF


Short Hex Code - Краткий шестнадцатеричный код

Это сокращенная форма от шестизначного обозначения. В этом формате каждая цифра воспроизведена таким образом, чтобы прийти к эквиваленту шестизначного значения.

Например: краткий код #66AA77 можно записать как #6A7.

Ниже примеры для использования шестнадцатеричной системы кодировки цветов:

Цвет

Short HEX код

 

#000

 

#F00

 

#0F0

 

#0FF

 

#FF0

 

#0FF

 

#F0F

 

#fff


Цвета RGB (Red, Green, Blue)

При такой кодировке значение цветов задаются с помощью RGB() кода. Этот код состоит из трех значений, которые разделяются запятой и прописываются в скобках:

  • первое значение показывает интенсивность красного цвета (Red);

  • второе значение показывает интенсивность зеленого цвета (Green);

  • третье значение показывает интенсивность голубого цвета (Blue).

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

Цвет

RGB код

 

rgb(0,0,0)

 

rgb(255,0,0)

 

rgb(0,255,0)

 

rgb(0,0,255)

 

rgb(255,255,0)

 

rgb(0,255,255)

 

rgb(255,0,255)

 

rgb(192,192,192)

 

rgb(255,255,255)


Список СSS цветов

Для Вашего удобства представляю список из 216 цветов с кодировкой CSS. Эти цвета изменяются от #000000 (черный) до #FFFFFF (белый). Рекомендую сохранить эту страницу в закладки чтобы не потерять:

#000000

#000033

#000066

#000099

#0000CC

#0000FF

#003300

#003333

#003366

#003399

#0033CC

#0033FF

#006600

#006633

#006666

#006699

#0066CC

#0066FF

#009900

#009933

#009966

#009999

#0099CC

#0099FF

#00CC00

#00CC33

#00CC66

#00CC99

#00CCCC

#00CCFF

#00FF00

#00FF33

#00FF66

#00FF99

#00FFCC

#00FFFF

#330000

#330033

#330066

#330099

#3300CC

#3300FF

#333300

#333333

#333366

#333399

#3333CC

#3333FF

#336600

#336633

#336666

#336699

#3366CC

#3366FF

#339900

#339933

#339966

#339999

#3399CC

#3399FF

#33CC00

#33CC33

#33CC66

#33CC99

#33CCCC

#33CCFF

#33FF00

#33FF33

#33FF66

#33FF99

#33FFCC

#33FFFF

#660000

#660033

#660066

#660099

#6600CC

#6600FF

#663300

#663333

#663366

#663399

#6633CC

#6633FF

#666600

#666633

#666666

#666699

#6666CC

#6666FF

#669900

#669933

#669966

#669999

#6699CC

#6699FF

#66CC00

#66CC33

#66CC66

#66CC99

#66CCCC

#66CCFF

#66FF00

#66FF33

#66FF66

#66FF99

#66FFCC

#66FFFF

#990000

#990033

#990066

#990099

#9900CC

#9900FF

#993300

#993333

#993366

#993399

#9933CC

#9933FF

#996600

#996633

#996666

#996699

#9966CC

#9966FF

#999900

#999933

#999966

#999999

#9999CC

#9999FF

#99CC00

#99CC33

#99CC66

#99CC99

#99CCCC

#99CCFF

#99FF00

#99FF33

#99FF66

#99FF99

#99FFCC

#99FFFF

#CC0000

#CC0033

#CC0066

#CC0099

#CC00CC

#CC00FF

#CC3300

#CC3333

#CC3366

#CC3399

#CC33CC

#CC33FF

#CC6600

#CC6633

#CC6666

#CC6699

#CC66CC

#CC66FF

#CC9900

#CC9933

#CC9966

#CC9999

#CC99CC

#CC99FF

#CCCC00

#CCCC33

#CCCC66

#CCCC99

#CCCCCC

#CCCCFF

#CCFF00

#CCFF33

#CCFF66

#CCFF99

#CCFFCC

#CCFFFF

#FF0000

#FF0033

#FF0066

#FF0099

#FF00CC

#FF00FF

#FF3300

#FF3333

#FF3366

#FF3399

#FF33CC

#FF33FF

#FF6600

#FF6633

#FF6666

#FF6699

#FF66CC

#FF66FF

#FF9900

#FF9933

#FF9966

#FF9999

#FF99CC

#FF99FF

#FFCC00

#FFCC33

#FFCC66

#FFCC99

#FFCCCC

#FFCCFF

#FFFF00

#FFFF33

#FFFF66

#FFFF99

#FFFFCC

#FFFFFF


<<< Предыдущая статья

Меню категории

Следующая статья >>>


Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
3.0/5 из 3
Категория: Учебник CSS | Добавил: zaharchuk (21.01.2016)
Просмотров: 3890 | Комментарии: 1
Комментариев: 1
0
1 Greanjabs   (05.01.2020 19:22) [Материал]
Empire Market is glorious and most popular Darknet Marketplace there is right now. Being this popular it faces the problem of regular Ddos attacks causes main Empire Market URL to be down, and alternative URLs too. That means that empire marketplace need to create more and more URLs and tor mirrors and mirror. And the thing is that there are not to many ways costumers can get a legit Empire Marketplace mirror.
So that's why Empire Market decided to create an official page where their users can at any time find fresh URLs and onion mirrors, for quick enter to Empire Market. Here it is http://empiremarket-url.com make sure to use every time you want to access to darknet market empire market.

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