Топ-100 HTML уроки, 6 часть: цвета - Разработка сайтов на WordPress
HTML уроки, 6 часть: цвета

HTML цвета

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

  • именем, например: blue, red, aqua
  • rgb значением: например: rgb(210,105,50)
  • hex значением: например: #1E90FF

Генерация HTML-цветов

Цвета на экране компьютера формируются путем смешивания трех основных цветов: красного, зеленого и синего. Чтобы указать браузеру цвет, интенсивность каждого из этих трех основных цветов представляется в виде числа от 0 до 255, где 0 является минимальным, а 255 – максимальным. При использовании десятичных чисел, цвет обозначается как rgb (), а цифры в скобках обозначают интенсивность красного, зеленого и синего соответственно.

Интенсивность для трех цветов чаще записывается в шестнадцатеричном формате (например, 255 соответствует FF). Когда цвет установлен как шестнадцатеричное значение, знак # сопровождается тремя двузначными числами для красного, зеленого и синего.

Вот пример:

Цвет hex значение rgb значение Имя
#000000 rgb(0,0,0) black
#FF0000 rgb(255,0,0) red
#00FF00 rgb(0,255,0) lime
#0000FF rgb(0,0,255) blue
#FFFF00 rgb(255,255,0) yellow
#00FFFF rgb(0,255,255) cyan
#008000 rgb(0,128,0) green
#000080 rgb(0,0,128) navy
#808000 rgb(128,128,0) olive
#800080 rgb(128,0,128) purple
#C0C0C0 rgb(192,192,192) silver
#008080 rgb(0,128,128) teal
#FF00FF rgb(255,0,255) magenta
#800000 rgb(128,0,0) maroon
#808080 rgb(128,128,128) gray
#FFFFFF rgb(255,255,255) white

16 названий цветов, размещенных в таблице, являются единственными, принятыми в качестве стандарта W3C, организацией, которая создает и развивает стандарты в Интернете. На практике, все часто используемые браузеры поддерживают гораздо большее количество имен цветов, но выучить сто имен цветов не так просто. Неудивительно, что большинство веб-дизайнеров используют в основном значения hex или rgb при настройке цветов HTML для своих веб-страниц.

Безопасные цвета

В Интернете вы можете встретить термин «безопасные веб-цвета». Это конкретные 216 цветов, которые даже многие старые мониторы могут отображать правильно. В прошлом, веб-дизайнеры должны были соблюдать эти безопасные цвета, но в настоящее время большинство пользователей Интернета используют достаточно хорошие мониторы. Это означает, что вам не нужно ограничивать себя в выборе цвета, и вы можете безопасно использовать полную палитру из почти 16 миллионов цветов.

Если вы хотите, вы можете попробовать Онлайн генератор цветов, размещенный на сайте, в качестве отправной точки в вашем поиске вашего цвета.

Как задать цвет фона и текста объясняется в статье о стилях HTML.

Далее: HTML Head

Акция! Сайт + логотип + продвижение всего за 29000!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получить предложение

Pin It on Pinterest

Открыть чат
1
Задать вопрос
Здравствуйте! 👋
У вас возникли вопросы?
Powered by