Заметка о цветовой гамме для веб-сайта

Один из самых важных аспектов дизайна сайта — его цветовая гамма. У сайта может быть минимум графики, но если шрифты и цветовая гамма правильно подобраны, он будет выглядеть профессионально.

Наиболее часто используемый в компьютерах метод называется RGB (Red, Green, Blue — красный, зеленый, синий). При использовании RGB компьютер "помнит" цвет каждой точки (каждого пиксела), отображаемой на экране. Цвет задается тремя числами, каждое число представляет долю красного, зеленого или синего в цвете точки. Каждое число может быть в пределах от 0 до 255. У полностью красной точки цвет задается значением (255, 0, 0), у полностью синей — (0, 0, 255). Чтобы получить желтый цвет, нужно смешать красный и зеленый— (255, 255, 0). Для получения любого другого цвета нужно смешать три базовых цвета в определенной пропорции.

Модель RGB очень удобна для компьютера, но сложна для человека, поскольку сложно запомнить различные пропорции, необходимые для получения нужного цвета.

Если посмотреть на популярные сайты, можно отметить, что гамма их достаточно проста. Но, использование пары основных цветов недостаточно — сайт будет выглядеть просто и непрофессионально. Нужно использовать различные оттенки выбранных цветов, чтобы создать завершенную с точки зрения дизайна цветовую гамму. Выбор оттенков в случае с RGB — нелегкая задача.

Цветовая модель RGB превосходна для компьютеров, но для Web-дизайнеров больше походит модель HSB (Hue, Saturation, Brightness— оттенок, насыщенность, яркость). Вместо смешивания трех основных цветов, модель HSB предлагает производить выбор цвета совсем другим способом.

Оттенок— определяет главный цвет, например, синий, зеленый, фиолетовый, оранжевый и т. д. Значение цвета подобно указателю на радуге. Самое низкое значение – это красный цвет, значение чуть выше - оттенок желтого, далее идет синий и т. д.

Насыщенность – определяет, сколько цветов должно присутствовать. Сильно насыщенный цвет будет слишком ярким, подобно тем, которые используются в игрушках. Если насыщенность минимальная, цвет будет казаться серым.

Яркость (или значение) — определяет яркость цвета. Если яркость равна 0, получим полностью черный цвет. Если установить максимальную яркость, то невозможно сказать, какой цвет получим — это зависит от оттенка и насыщенности. Чтобы понять, как работает яркость, представьте цветную бумагу (любого цвета и любой насыщенности) в темной комнате. Когда яркость низкая, комната кажется почти черной, как и цветной лист бумаги. С увеличением света в комнате, цвет становится четче и четче, пока не достигнет максимальной яркости— тогда четко можно увидеть цветную бумагу. Изменяя яркость выбранного цвета, можно получить совершенно другой оттенок базового цвета.

Используя скрипт RGB HSB конвертера можно выбрать оттенки сайта, благодаря чему он будет выглядеть профессионально. Данная страничка показывает цвета и конвертирует значения RGB в HSB и обратно.