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
