Меню

Web цвет что это



Web цвет что это

В спецификации [1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы):*

Цвет Код Цвет Код Цвет Код Цвет Код
aqua (морская волна) #00ffff black (чёрный) #000000 blue (синий) #0000ff fuchsia (фуксия, циан) #ff00ff
grey (серый) #808080 green (зелёный) #008000 lime #00ff00 maroon (тёмно-бордовый) #800000
navy (тёмно-синий) #000080 olive (оливковый) #808000 purple (пурпурный) #800080 red (красный) #ff0000
silver (серебряный) #c0c0c0 teal (бирюзовый) #008080 white (белый) #ffffff yellow (жёлтый) #ffff00

^В спецификации используются английские названия цветов.

Названия цветов в X11

Примечания

Ссылки

Список цветов, правильно отображаемые браузерами:

Wikimedia Foundation . 2010 .

Смотреть что такое «Web-цвета» в других словарях:

Цвета HTML — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая модель RGB Цветовая модель CMYK Цветовая палитра Видимое излучение Цвета в Web (Цвета HTML) … Википедия

Цвета Web — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета web — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета в web — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета в Web — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета в веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета Веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Цвета в Веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… … Википедия

Web Storage — HTML HTML и HTML5 Динамически … Википедия

Источник

Теория цвета в цифрах

Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.

Читайте также:  От чего моча может быть черного цвета

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

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

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.

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

Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

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

  • Для темного текста на светлом фоне делаем ссылки ярче.
  • Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

Цвета контента

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

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее

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

Читайте также:  Почему люди любят розовый цвет

  • #404040 — нейтральный
  • #594039 — теплее
  • #394059 — холоднее

Подбор и комбинирование цветов

Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:

Источник

Web цвета

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

Как кодируется цвет, что такое web цвета, почему при создании сайтов нужно использовать web цвета?

Попробуем ответить на эти вопросы.

Как известно, для создания всего многообразия цветов достаточно всего три цвета. При этом используются различные модели цветообразования. Мы рассмотрим модель RGB, в которой каждый цвет образуется тремя основными цветами: красным, зеленым, синим. Каждый из этих цветов может иметь 256 градаций яркости. Эти значения могут быть записаны десятичными числами от 0 до 255, что дает 255*255*255=16777216 цветовых оттенков.

В HTML эти цвета записываются с помощью шестнадцатеричных чисел.

Чтобы не путать эту кодировку, перед кодом цвета ставят знак «решетки» #, например, #A38E34. Первые две цифры А3 определяют красную составляющую цвета, далее, 8Е – зеленую, а пятая и шестая цифры,34 – синюю.

Большинство графических редакторов и редакторов Web-страниц отображают коды цветов в десятичном и шестнадцатеричном виде. Например, если открыть в программе Adobe Photoshop окно настройки цвета, можно увидеть поля, в которых отображаются десятичные коды красной, зеленой и синей составляющей, а также поле с шестнадцатеричным кодом цвета.

Для глубокого изучения программы Adobe Photoshop воспользуйтесь видеокурсом Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате».

Палитра Adobe Dreamweaver также позволяет определить шестнадцатеричный код цвета.

Но в настройках монитора можно настроить качество цветопередачи 8 бит (256 цветов). В этом случае в разных браузерах один и тот же цвет может отображаться по разному. Это объясняется тем, что каждый браузер по-своему заменяет цвета, отсутствующие в 256-цветной палитре.

Для того, чтобы решить эту проблему, договорились использовать так называемые Web цвета. В их кодировке для каждой из трех составляющих – красной, зеленой и синей – используется шесть значений: 00 33 66 99 CC FF. Тогда получается 6*6*6=216 цветов, которые и рекомендованы для использования при создании Web-страниц.

Вернемся к окну настроек цветов в Photoshop. Если поставить галочку в поле Только Web-цвета, то цвета будут отображаться ступенчато. Останутся только 216 Web цветов.

Конечно, в настоящее время мало кто использует 8-битную цветопередачу. Да и современные сайты одержат высококачественную графику, профессиональные фотографии со множеством оттенков. Качество мониторов и видеокарт стремительно растет. Поэтому понятие Web цветов становится неактуальным.

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Источник

Цвета

Для задания цветов на веб-странице применяется три способа: первый использует обозначения цветов в шестнадцатеричном коде, второй — десятичном, а третий — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный. Десятичная система, хотя и более привычна для представления, находит применение только с помощью CSS.

Читайте также:  Плащи для девочек черного цвета

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 1. Десятичные и шестнадцатеричные числа меньше 16

Десятичные 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Шестнадцатеричные 1 2 3 4 5 6 7 8 9 A B C D E F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной (табл. 2).

Табл. 2. Десятичные и шестнадцатеричные числа больше 16

Десятичные 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Шестнадцатеричные 10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

Типичный цвет, используемый в HTML, выглядит следующим образом.

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

FA + 8E + 47 = FA8E47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселей других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру, так называемых, веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зелёной и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Названия цветов

Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов.

Ниже в таблице приведены 16 основных названий цветов, используемых во всех браузерах.

Источник