Узнаём HTML код цвета. Советы начинающему вебмастеру
Для отображения цвета на WEB страницах применяется тот же принцип, что используется органами зрения человека — смешивание в определенных пропорциях трех основных цветов спектра – красного (R), зеленого (G) и синего (B). Технически это реализуется написанием кода, называемого индексом цвета.
Индекс цвета в HTML-коде может отображаться двумя способами. Каждая точка на экране монитора занимает у памяти компьютера 3 Байта. Чтобы отобразить силу свечения этой точки каждый байт может иметь значение от 0 до 255. В этом случае белый, максимально светящийся цвет, в коде записывается так: rgb (255.255.255). Однако более распространенной является запись с помощью шестнадцатеричного кода, в котором каждой градации яркости и сочетанию RGB соответствует пара латинских букв или пара цифр. Тот же белый цвет в этом коде пишется так: #FFFFFF. Оба способа равноценны и понимаются браузерами.
Другое дело, что кроссбраузерность касается не только кода HTML-верстки, но и отображения цвета. В среде WEB-разработчиков существует такое понятие, как «безопасные цвета», которые отображаются всеми браузерами одинаково. Все они сведены в таблицу, которую можно найти в интернет. Пользоваться ей очень просто: выбираете понравившийся цвет и смотрите его индекс. Выглядит она так:
Как видите, она состоит всего из 12 цветов. Если бы все WEB-разработчики пользовались только ей, то в интернете настала бы «RGB-тоска».
Опасность некроссбраузерного отображения цвета существует, но она не столь велика, чтобы не попытаться попробовать записать в HTML-код собственный индекс цвета. Чтобы его получить, не требуется никаких вычислений. Надо только иметь бесплатный редактор растровой графики. Например, GIMP. После запуска программы его главное окно выглядит так:
Чтобы перейти к режиму палитры надо кликнуть по окошку цвета. В меню палитры цвета выберем режим отображения. Наиболее удобен «треугольный». Вращением треугольника выбираем преобладающий цвет, а дополнительным кружком – его глубину.
На показанном примере HTML-индекс выбранного цвета # 9945bd. В этом же окне можно почитать его индекс RGB: 153.69.189.
В таблице CSS можно сделать одну из равнозначных записей, например:
body {background-color:#9945bd;}
или
body {background-color: rgb(153.69.189);}
В итоге выбранный цвет станет главным фоном страницы.