Выбираем цвета

Пройдя уроки нашего уважаемого dr.ZmeY, думаю, Вы, читатель научились пользоваться основными инстрементами разработки Веб сайтов. Но так как тема называется WEB-арт, то соответственно мы с Вами будем учится правильно выбирать цвета для сайтов и другой графики.

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

Думаю все читатели знают, что такое безопасная веб палитра. Для тех, кто к сожалению не знает - вкратце объясню.

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

К общему сведению скажу - общее количество цветов - 216.

Продолжим. Несомненно - чтобы сделать что-либо красивое не всегда хватает всей палитры.
В этот раз мы будем действовать на свой страх и риск. НО. В самых популярных браузерах существует поддержка всех цветов. Правда если пользователь не отключит данную опцию(что к слову происходит очень редко).

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

Через пару дней я продолжу данный филосовский труд.  Пока же я предоставляю список безопасной палитры а так же - ссылки на подборщики контрастных, не раздражающих глаз цветов.

Подборщик цвета - 1
Подборщик цвета - 2


http://looklar.com/web-palitra.png

Добавлено @ 00:00 
Так же могу предложить практическое задание.

Выполните небольшую зарисовку - 3 круга - разные диаметры но точка центра одинакова. Т.е. у вас получится этакое кольцо.

1)Сделайте его в безопасных цветах - 3 разных
2)Сделайте его в небезопасных цвтах - 3 разных

Расположите их вперемешку и выложите тут - будем отгадывать вместе - где какие 

а можно корелом пользоваться... тогда точно подберешь.

ColorImpact - супер. (http://www.tigercolor.com/)

Хорошие ссылки, особенно, вторая. Есть ещё практичный выборщик цветов под названием ColorPic (одновременно снимает цвета c экрана). Описание, например. здесь: http://soft.softodrom.ru/ap/p760.shtml

Выбирать коды цветов можно встраиваемым скриптом, генерирующим палитру - http://javascript.aho.ru/subs/subs006.shtml
Примеры - http://javascript.aho.ru/subs/subs006xmp.shtml

Такие круги? А теперь отгадывать какой круг в безопасных а какой нет? Вот моя попытка:

Blaga, начнем. 

1. Цвета подобраны хорошо, кроме центрального - он резко констатирует с другими и немного раздражает глаз
2. По безопасности:

1. Безопасные - средний - желтый
2. Не безопасные - остальные 2.

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

   ой, я не понял суть прорисовки. На самом деле верхний рисунок весь из небезопасных, а вот нижний из безопасных полностью. А насчет подборки, ты прав. Пойду еще нарисую. 

Ждем 

Вотс... по моему неплохие такие сочетания... по крайней мере не заезженные типа черно-оранжево-белый... хотя...


   

Добавлено @ 10:14 
в первом три цвета... белый еще.

Билайн 

$tatic, билайн по моему это черно-бело-желтый... если я не ошибаюсь... да и не в тему это... 

первый не оч. а второй норма.

второй думаю безопасный полностью?

DezmASter, в этом случае они оба из безопасных...  Может быть еще чтонибудь интересное придумаеш?  а то не вечно же нам цвета подбирать так... А? 

Blaga, есть такой вариант еще. Найти дизайн чего-либо (не обязательно сайты, можно фирменный стиль и т.п.) в безопасных цветах. Ведь сейчас это найти уже довольно трудно  но можно. Заодно потренируемся в распозновании безопасных.

Добавлено @ 21:06 
имеется дизайн выполненный известными студиями 

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