Демо - Редактирование цветов сайта

 
Страница отображается правильно в браузере Internet Explorer.

Подбор цвета Основной Гармоничные цвета
R
G
B
H
S
B
Гамма
 
                                     

000000

000000
Комплиментарный
Триада (3 цвета)
Тетрада (4 цвета)
 

000000

000000

000000

000000

000000
Полоса верхняя
Заголовок
Полоса нижняя
Заголовок текст
Меню контур
Меню фон
Меню текст
Меню текст акт.
Фон
000000000033001933003333003319003300193300333300331900330000330019330033190033000033
222222000066003366006666006633006600336600666600663300660000660033660066330066000066
444444000099004C9900999900994C0099004C9900999900994C0099000099004C9900994C0099000099
6666660000CC0066CC00CCCC00CC6600CC0066CC00CCCC00CC6600CC0000CC0066CC00CC6600CC0000CC
8888880000FF007FFF00FFFF00FF7F00FF007FFF00FFFF00FF7F00FF0000FF007FFF00FF7F00FF0000FF
AAAAAA3333FF3399FF33FFFF33FF9933FF3399FF33FFFF33FF9933FF3333FF3399FF33FF9933FF3333FF
CCCCCC6666FF66B2FF66FFFF66FFB266FF66B2FF66FFFF66FFB266FF6666FF66B2FF66FFB266FF6666FF
DDDDDD9999FF99CCFF99FFFF99FFCC99FF99CCFF99FFFF99FFCC99FF9999FF99CCFF99FFCC99FF9999FF
EEEEEECCCCFFCCE5FFCCFFFFCCFFE5CCFFCCE5FFCCFFFFCCFFE5CCFFCCCCFFCCE5FFCCFFE5CCFFCCCCFF

Помощь: на этой странице Вы можете изменить цветовую схему своего сайта.

Приложение "Подбор цвета" поможет вам подобрать гармоничное сочетание цветов. Движением ползунков вы задаете основной цвет. Верхние три ползунка позволяют независимо управлять цветом в цветовой модели RGB (Red, Green, Blue - Красный, Зеленый, Синий), нижние три - в цветовой модели HSB (Hue, Saturation, Brightness - Оттенок, Насыщенность, Яркость). К основному цвету автоматически вычисляются комплиментарная пара, два цвета, составляющая с основным гармоническую триаду и три цвета, составляющие вместе с основным тетраду. В этих сочетаниях Вы можете использовать их для элементов страницы. Для интересующихся теорией цвета подробнее, напр, здесь, здесь и здесь

От этих гармонических законов, конечно, возможны отступления - все решает Ваш вкус. Например, при создании шаблона сайтов мы только частично придерживались классических гармонических сочетаний.

Нижняя таблица дает примеры цветов.

В правой верхней части страницы расположен список элементов страницы, цвета которых можно изменять. "Меню текст акт." - это цвет текста меню при наведенном поверх него курсоре. Если вы кликните по любому цветовому квадрату в приложении "Подбор цвета" или в Таблице цветов, то изменится цвет того элемента, который отмечен стоящей справа радиокнопкой. Изменения цвета будут тут же отображены на странице. Вы также можете вносить код цвета в эти поля самостоятельно, для обновления цвета элемента выведите курсор из поля, куда Вы ввели код.

Если вы измените цвет какого-то одного элемента, то остальные остануться теми, что есть сейчас.

После изменения цветов нажмите кнопку "Запомнить цвета" для сохранения Ваших предпочтений.

Рекомендации:
• не делайте цвета очень яркими - это отвлекает от содержания сайта. Вообще говоря, фотографии безпроигрошно оттеняет    светло-серый цвет
• не меняйте цветовую гамму сайта часто - ваши постоянные посететиле могут быть несколько обескуражены.
• будьте осторожны с черным цветом - это серьезная претензия на сильные впечатления, которая должна быть оправдана    соответствующим содержанием.
• задайте в Google запрос http - Вам выдадутся самые популярне сайты. Мы не утверждаем, что у них у всех идеальный    интерфейс, но у профессионалов всегда есть чему поучиться.
• что-то интересное Вы, возможно, подчерпнете в каталоге Google Design

Те, кто заинтересуется более глубоким изучением теории цвета и расширенным подбором цветов, могут закачать несколько программ для Windows:
• попроще Color Schemer v.3.1 free (555 Kb)
• посерьезней Color Wheel Pro v.1.0.0 trial (1.8 Mb) и Color Impact v.2.7.1 trial (4 Mb)
При создании приложения "Подбор цвета" за основу взят код colormatch.dk

Желаем удачных цветовых решений!