Вы здесь:   Главная » Вебмастеру    »    Узнаём HTML код цвета. Советы начинающему вебмастеру

Узнаём HTML код цвета. Советы начинающему вебмастеру

Для отображения цвета на WEB страницах применяется тот же принцип, что используется органами зрения человека — смешивание в определенных пропорциях трех основных цветов спектра – красного (R), зеленого (G) и синего (B). Технически это реализуется написанием кода, называемого индексом цвета.

Индекс цвета в HTML-коде может отображаться двумя способами. Каждая точка на экране монитора занимает у памяти компьютера 3 Байта. Чтобы отобразить силу свечения этой точки каждый байт может иметь значение от 0 до 255. В этом случае белый, максимально светящийся цвет, в коде записывается так: rgb (255.255.255). Однако более распространенной является запись с помощью шестнадцатеричного кода, в котором каждой градации яркости и сочетанию RGB соответствует пара латинских букв или пара цифр. Тот же белый цвет в этом коде пишется так: #FFFFFF. Оба способа равноценны и понимаются браузерами.

Другое дело, что кроссбраузерность касается не только кода HTML-верстки, но и отображения цвета. В среде WEB-разработчиков существует такое понятие, как «безопасные цвета», которые отображаются всеми браузерами одинаково. Все они сведены в таблицу, которую можно найти в интернет. Пользоваться ей очень просто: выбираете понравившийся цвет и смотрите его индекс. Выглядит она так:

Таблица HTML индекса цветов RGB

Как видите, она состоит всего из 12 цветов. Если бы все WEB-разработчики пользовались только ей, то в интернете настала бы «RGB-тоска».

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

Главное окно растрового графического редактора Gimp

Чтобы перейти к режиму палитры надо кликнуть по окошку цвета. В меню палитры цвета выберем режим отображения. Наиболее удобен «треугольный». Вращением треугольника выбираем преобладающий цвет, а дополнительным кружком – его глубину.

Определение html индекса цвета

На показанном примере HTML-индекс выбранного цвета # 9945bd. В этом же окне можно почитать его индекс RGB: 153.69.189.

пример определения html индекса цвета

В таблице CSS можно сделать одну из равнозначных записей, например:
body {background-color:#9945bd;}
или
body {background-color: rgb(153.69.189);}

В итоге выбранный цвет станет главным фоном страницы.

поделиться с друзьями:

обновлено: 23.06.2016

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

Подписаться на почтовую рассылку*
*политика конфиденциальности Google

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

Авторизоваться через: 

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

Ознакомиться с пользовательским соглашением

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: