Главная Вебмастеру Узнаём 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);}

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

  поделитесь с друзьями:
Подписаться на почтовую рассылку

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

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

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

Нажимая кнопку "Отправить", я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности

Сообщите об ошибке, мы исправим:

Отправить