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

Закончим с техникой безопасности и приступим к изучению РазноЦветности вашего сайта! Кстати, здесь нет описания того, как установить цвет текста и фона, есть только то, как эти цвета сочетаются между собой... Запомните два правила . Первое заключается в том, чтобы текст не сливался с фоном . Второе - палитра не должна давить на глаза .

Текстовые решения

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

Кстати, об усталости глаз при чтении с монитора. Чем выше контраст текста и фона, тем быстрее устают глаза. На небольших по объему сайтах можно не задумываться об излишней контрастности, а вот на сайтах где пользователю придется читать очень много текста, например, какой-нибудь рассказ или документацию, то вам придется поразмыслить о том, как уменьшить нагрузку на глаза пользователя!.. Существует распространенный метод - это уменьшение контрастности между цветом и фоном: цвет фона сделать чуть темнее, а цвет текста чуть светлее.

Активные и пассивные цвета в палитре сайта

Существует такое понятие как активный и пассивный цвет.

К активным цветам относятся: белый, черный, красный, зеленый, синий и желтый .

К пассивным цветам относятся любые смешения активных цветов , например, светло-синий или серый.

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

Графические решения фона.

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

Главная проблема заключается в том, что web-дизайнер, при проектировании фоновой картинки пытается показать картинку как самостоятельный объект, но фоновая картинка, просто не имеет права быть активной. Ведь все активные элементы должны идти последовательно, а не наслаиваться друг на друга. Значит, фоновая картинка должна быть незаметной и не выделяться. Ведь если фоновая картинка будет активной, то она может привести к тому, что текст будет сливаться с картинкой или к тому, что картинка все время будет отвлекать от информационного наполнения самого сайта...

Резюме

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

При разработке сайта для какой-либо фирмы или организации, выбор может быть жестко ограничен стильными цветами самой организации.

Цвета, обычно кодируются в формате RGB (Красный/Зеленый/Синий). Записывается это как "#RRGGBB" , где RR - шестнадцатеричное значение красной составляющей, GG - зеленой, а BB - синей. 00 - обозначает отсутствие свечения, а FF - максимальное свечение.

Вот примеры цветов, закодированных таким образом: