Пожалуйста, заполните ваше имя Ваше имя:
Нужен ваш телефон Ваш email или телефон:
Введите текст задания Ваше задание на сайт:

Galleo (главная страница) :: Статьи :: Дизайн сайтов и юзабилити :: Цифровые коды web цветов

Цифровые коды web цветов

  

Увеличить шрифт  Уменьшить шрифт

В Web существует 3 способа представления цветов.
Цифровые коды web цветов

1. Текстовый, например, black, red. Для того, чтобы цвета выглядели одинаково во всех браузерах, рекомендуется пользоваться палитрой так называемых web-безопасных цветов (web-safe colors). Эта палитра содержит 216 цветов.

2. Палитра RGB (используется в графических редакторах). Каждый цвет представлен как сочетание красного (Red), зеленого (Grey) и синего (Blue) цветов. С помощью этих трех цветов можно получить абсолютно любой оттенок (более 16 млн.). Для каждого оттенка указывается соотношение этих трех основных цветов в диапазоне от 0 до 255. Например, черный цвет обозначается как 0 0 0, белый цвет - 255 255 255, синий - 0 0 255.

3. Шестнадцатеричный цифровой код. Для него принят следующий синтаксис: в начале кода ставится символ «#», а затем следует шестизначный набор символов в шестнадцатеричной системе счисления. Первая пара символов отвечает за красный цвет, вторая - за зеленый, третья - за синий. То есть это та же RGB-палитра, только в другом обозначении. Если в парах шестнадцатеричных чисел используются одинаковые числа, можно использовать краткую запись, например, запись #359 будет интерпретирована как #335599.


 

Если у какого-либо браузера по той или иной причине не хватает цветов, чтобы правильно отобразить использованный вами на web-странице цвет, то он подменяет ваши цвета наиболее близкими из тех, что имеются в его палитре. Но существуют цвета, которые во всех браузерах выглядят одинаково. Их называют Web-безопасные цвета, всего их насчитывается 216. Вот эти цвета:

#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

 

В стандарте W3C перечислено 16 основных цветов (они же приняты в качестве стандарта для шестнадцатицветовой палитры VGA). Для того, чтобы использовать другие цвета, необходимо указать их код в RGB или цифровом формате.

16 стандартных цветов Web

ЦветСимвольная метка Значение RGB Цветовой код
Белый
white
255 255 255 #ffffff
Желтый
yellow
255 255 0#ffff00
Светло-зеленый
lime
0 255 0#00ff00
Оливковый
olive
128 128 0#808000
Зеленый
green
0 128 0#00ff00
Изумрудный
teal
0 128 128 #008080
Темно-синий
navy
0 0 128#000080
Синий
blue
0 0 255#0000ff
Голубой
aqua
0 255 255#00ffff
Розовый
fuchsia
255 0 255#FF00FF
Пурпурный
purple
128 0 128 #800080
Красный
red
255 0 0#FF0000
Темно-бордовый
maroon
128 0 0#800000
Черный
black
0 0 0 #000000
Серый
gray
128 128 128 #808080
Светло-серый
silver
192 192 192 #C0C0C0
tvoirunet.info

Добавить в закладки: 

Почему продвижение сайта в поисковиках стоит дорого?Почему продвижение сайта в поисковиках стоит дорого?
Если вы хоть однажды собирались найти профессионала для поисковой оптимизации и поискового продвижения сайта, стоящего а... Читать дальше...
Толковый Словарь web-терминовТолковый Словарь web-терминов
Как пользоваться Словарем: 1. Толковый Словарь web-терминов включает словарные статьи, организованные по... Читать дальше...
Как привлечь внимание посетителя сайтаКак привлечь внимание посетителя сайта
Как привлечь внимание посетителя сайта? Как удержать внимание посетителя сайта? Как побудить посетителя сайта купить... Читать дальше...
Скупка картриджей как сервис для системных администраторов

Скупка картриджей как сервис для системных администраторов
... Читать дальше...
Сделать сайт самостоятельно или заказать готовый?

Сделать сайт самостоятельно или заказать готовый?
... Читать дальше...
Федор Иванович Лидваль. Часть 7

Федор Иванович Лидваль. Часть 7
... Читать дальше...


23.12.2017 23:48:00
паороалоапро
Ваш комментарий к данной статье:
Жирный шрифт Курсив Подчеркнуть Выровнять влево Выровнять по центру Выровнять вправо Выровнять по ширине Вырезать Копировать Вставить Отменить Повторить Список Нумерованный список Верхний индекс Нижний индекс Вставить ссылку  Цвет:
Инфо от наших друзей:




Наши партнёры: