Теория цвета и ее влияние на дизайн - это глубокая тема, и в следующих задачах раскрываются только основы. На веб-сайте цвет может привлекать внимание к контенту, вызывать эмоции или создавать визуальную гармонию. Использование различных комбинаций цветов действительно может изменить внешний вид сайта, и нужно хорошо продумать цветовую палитру, которая будет работать с вашим контентом.
Цветовой круг - полезный инструмент для визуализации того, как цвета соотносятся друг с другом - это круг, в котором похожие оттенки соседствуют, а разные оттенки находятся дальше друг от друга. Когда два цвета на круге расположены напротив друг друга, они называются комплиментарными цветами. Их характеристика заключается в том, что при объединении они «нейтрализуют» друг друга и создают серый цвет. Однако при размещении рядом эти цвета кажутся более яркими и создают сильный визуальный контраст.
Несколько комплиментарных цветов с их шестнадцатеричными кодами:
red (#FF0000) and cyan (#00FFFF)
green (#00FF00) and magenta (#FF00FF)
blue (#0000FF) and yellow (#FFFF00)
Современная теория цвета использует аддитивную модель RGB (как на экране компьютера) и субтрактивную модель CMY (K) (как в печати).
В Интернете доступно множество инструментов для выбора цвета, которые позволяют подобрать необходимый цвет.
Задание:
- Установите свойство background-color для классов blue и yellow
- Элемент div с классом blue должен иметь синий (blue) цвет фона.
- Элемент div с классом yellow должен иметь желтый (yellow ) цвет фона.