HTML-цвета

HTML-цветаВ процессе создания сайтов каждому вебмастеру не раз приходиться сталкиваться с такими задачами, как изменение цвета текста, фона страницы, таблицы, и т.д. Для этого надо хотя бы немного знать язык html (хотя бы его основы). Для придания элементам веб-страницы привлекательности используется аддитивная цветовая модель RGB. Известно, что RGB – это красный, зеленый и синий. Html цвета в этой модели получаются благодаря смешиванию красного, зеленого и синего: так, пурпурный  получается, если смешать синий и красный. Желтый оттенок получается в результате «взаимодействия» красного и зеленого, а если смешать синий и зеленый, то получаем циановый. Если смешать все три базовых цвета, то получим, естественно, белый.

Точно такая же цветовая схема используется в мониторах и телевизорах: там три  канала представлены тремя электронными пушками (светофильтрами, или светодиодами). По многим тонам  модель RGB превосходит свою «конкурентку» — CMYK.

В тэгах html используется или название  на английском языке, или код в шестнадцатеричной системе исчисления. Например, черный, black, имеет код #000000, белый, white, #FFFFFF, серый, gray, #808080, и т.д. Все коды цветов содержатся в таблице цветов html, которая есть в каждом приличном учебнике, посвященном веб-дизайну.

Рассмотрим, например, какие html теги используются для задания и изменения  фона страницы и текстовых заголовков. Итак, цвет фона можно задать так: <BODY BGCOLOR=#rrggbb>, где после решетки необходимо ввести код конкретного цвета из таблицы цветов. Оформление заголовка первого уровня можно задать в самом теге h1: <h1 style=»color:#ff0000″> Заголовок 1-го уровня</h1>. Теги <p> </p> также могут применяться для изменения оттенка текста, который содержится между ними. Например: <p style=»color:#ffff00″> параграф</p>. А вот так можно задать разные цвета фона и самого текста: <p style=»background-color:#ff0000; color:#ffffff»>. В этом примере цвет текста определен как белый, а его фон – красный.

Конечно, продвинутые веб-дизайнеры не ограничиваются одними только стандартными оттенками, и иногда просто забываешь, как называется тот или иной колор. Выходом из этой ситуации есть сервис поисковой системы Яндекс – Яндекс-цвета. Чтобы воспользоваться этим сервисом, нужно, например, в поисковой строке ввести: красный, или #ff0000. При поиске по какому-то цвету показывается «цветик-семицветик», который с помощью двух кружков позволяет подобрать абсолютно любой оттенок – очень полезная штука для веб-мастеров, обязательно попробуйте.

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *