Цветовое оформление вашего сайта


Стоит предупредить сразу. Даже, если каждый цвет изображения вами задан точно, многочисленные пользователи увидят различные оттенки. Мониторы и пользовательские настройки могут изменить его немного. Даже web-браузеры могут внести искажения в изображения.

А теперь вспомним, что существует несколько цветовых моделей.

RGB (красный, зеленый, синий) – она наиболее удобна для использования изображений, которые в дальнейшем будут показаны на экране мониторов.

CMYK (голубой, пурпурный, желтый, черный) – была специально создана для приближения вида изображения, которое вы видите на мониторе с возможностями его распечатки на принтере.

А мы, для облегчения понимания дальнейшего текста, будем использовать характеристики модели HSB. То этой модели цвета различаются по
1. Тону (собственно цвету)
2. Насыщенности (преобладанию в цвете серого оттенка)
3. Яркости (самое большое значение этого параметра превращает любой цвет в белый, а самое маленькое – в черный)

Для подбора сочетаемых цветов легче всего использовать круг, который можно найти на сайте http://colorscheme.ru/.

Правила работы со схемой, представленной на сайте очень просты:

Выбрав основной цвет, вы можете отметить, по какому принципу будете подбирать остальные.

Это может быть режим

- Моно (Используется 1 тон, но изменяется его насыщенность и яркость)

- Контраст (используются 2 тона)

- Триада (составлена для 3-х тонов расположенных по кругу на расстоянии примерно 30°)

- Тетрада (для 4-х тонов)

- Аналогия (изменив насыщенность и яркость можно подобрать и близкие по кругу цвета)
- Аналогия с акцентом (к аналогии добавлен контрастный тон)

Здесь же вы можете просмотреть вариант оформления сайта по подобранной вами цветовой схеме на светлом фоне или "темной" страницы.

Общие же правила подбора цвета выглядят примерно так:

- Яркие цвета сильно воздействуют на восприятие, но при этом и раздражают при длительном контакте.

- Утомлять может даже один цвет, насыщенность которого слишком велика.

- Цвет и фон подбираем по правилу: на темном – светлый, на светлом – темный.

- Белый и черный сочетается практически с любыми цветами, поэтому, если хотите снизить риски в сочетании цветов, выбираете один цвет для фона, другой для цвета шрифта.

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

- Лучше не использовать и прямо противоположные цвета. Разве что в качестве точек подчеркивающих контрастность.

Правил, как видите немного, пользоваться цветовым кругом Сolorscheme достаточно просто и если уделить этому вопросу внимание - всегда можно, если не достигнуть совершенства, то хотя бы приблизится к нему.


Только материалы из рубрики ТИЦ свободны для копирования без каких-либо условий. Ссылка на остальные материалы обязательна.