Меню

Зачем нужна таблица цветов



Зачем нужна таблица цветов

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

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

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

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

Источник

Зачем нужны цветовые палитры и как ими пользоваться?

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

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

Есть несколько правил для правильного подбора цвета.

Правило 1. Ограничьте количество цветов.

При выборе цвета очень важно соблюдать баланс. При большом количестве используемых цветов баланса достичь почти невозможно. Поэтому существует основное правило «Трех основных цветов», где вам нужно выбрать только 2-3 цвета из палитры, а все дополнительные цвета должны быть их оттенками.

Как построить цветовую схему:

В этом поможет цветовой круг из 12 цветов — это один из главных инструментов для создания цветовых схем.

Стандартные цветовые схемы

Есть несколько принципов подбора цветовых схем, которые будут полезны:
Монохромная (одноцветная) схема. Это самая простая цветовая схема, в которой используются различные оттенки одного цвета. Все оттенки цвета хорошо сочетаются друг с другом и создают успокаивающий эффект. Такие схемы очень хорошо воспринимаются глазом, выглядят элегантно.

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

Комплементарная схема. Контрастная схема, в которой использованы два противоположных цвета. Эта схема применяется для акцентирования деталей и привлечения внимания. Например, среди зелени яркое красное пятно будет несомненно заметным и сразу притянет все взгляды.

Читайте также:  Каким цветом должен быть хиджаб

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

Правило 2. Вдохновляйтесь природой.

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

Если вы видите красивую «картинку» — сфотографируйте ее и сделайте новую потрясающую цветовую палитру для работы.

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

Правило 3. 60-30-10

Это правило любого дизайнера — пропорция 60% + 30% + 10% поможет гармонично «раскрасить» любое пространство. Эта концепция невероятно проста в использовании: 60% — ваш доминирующий оттенок, 30% — вторичный цвет и 10% — цвет акцента. Идея заключается в том, что вторичный цвет поддерживает основной цвет, но отличается от него насыщенностью. А 10% акцента — это то самое яркое пятно, о котором часто любят говорить дизайнеры Такое соотношение позволяет глазу комфортно перемещаться от одной фокусной точки к другой.

Правило 4. Начинайте с черно-белой гаммы

Когда начинаешь новый проект, так и тянет «поиграть с цветом». Мало того, зачастую именно яркий цвет и становится источником вдохновения (вспомните, как вы стоите перед рядами разноцветной бумаги в магазине и взгляд притягивает какой-то умопомрачительного цвета лист — вы уже видите прекрасную открытку?

Как бы ни было сильно искушение, мы советуем не спешить. Сделайте сначала прототип будущей открытки в оттенках серого (или в других монохромных тонах). Вы увидите общую «картинку» и внедрить в нее другой цвет будет потом несложно.

Правило 5. Не используйте черный цвет.

При подборе цвета для своего проекта никогда не используйте чистый черный цвет. Черный — цвет неестественный, и при размещении его с другими цветами, черный их «задавит». Здесь как раз пригодится Правило 2 — понаблюдайте, ведь в реальности, в природе вы никогда не найдете чистый черный цвет, вам будут встречаться лишь его оттенки.

Правило 6. Используйте цвет для получения эмоций

Творческие люди, как никто другой знают, что цвет может вызывать эмоции и влиять на настроение людей. Поэтому очень важно в вашей работе использовать благоприятные для восприятия цвета. Цвет может как помочь вашему изделию выглядеть выгоднее, так и легко «перечеркнет» всю ценность вашей работы.

Величайший колорист XX века Пьер Боннар сказал: «Цвет не добавляет приятного к дизайну — он его усиливает».

С правилами всё понятно, а как же эти палитры создаются? Инструментов имеется очень много, я хочу рассмотреть некоторые из них, которыми пользуюсь сама.

Необходимые инструменты для создания цветовых палитр

Adobe Color CC — отличный инструмент для поиска, изменения и создания цветовых схем. Каждый цвет на палитре может быть индивидуально изменен, или выбран в качестве базового цвета, с помощью нескольких простых щелчков мыши. Палитры могут быть сохранены и добавлены в библиотеку, и есть ряд готовых цветовых схем, доступных на сайте.
Можно также загрузить свое изображение и «разложить» его на палитры разной яркости и насыщенности.

ColorScheme — похожий инструмент, который позволяет делать более тонкую настройку палитры.

Здесь не получится загрузить свое изображение, но зато можно выбрать цветовую модель (например, смотреть палитру в цветах Pantone, выбрать симуляцию нарушений зрения, и даже найти соответствие цвета ниток мулине в зависимости от производителя!)

Material Design — крутой гайдлайн по подбору цвета. Кроме описания основ подбора и всех необходимых правил можно найти коллекцию цветов, гармонирующих друг с другом.

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

Читайте также:  Что делать если газ красного цвета

Можно загрузить свою фотографию и сделать прекрасную палитру:

И теперь самое интересное) Создали мы палитру, получили цвета, а как же применять их на практике, для подбора цвета пряжи или краски?

Как пользоваться номерами цветов в палитрах?

Это, пожалуй, главный вопрос А ответ будет очень простым.
Во всех цветовых палитрах цвет указывается в виде RGB-цветов, их еще называют WEB-цвета. Обозначаются они обычно комбинацией букв латинского алфавита и цифр, впереди ставится «решетка»:

Из номера такого цвета можно получить аналог в RGB, CMYK или Pantone, а затем подбирать похожие цвета у производителя товаров.

Как это работает

Например, у нас есть прекрасная цветовая палитра от DesignSeeds, где указаны следующие коды цветов:

Нам нужен зеленый, его код в палитре 597B67. В фотошопе переходим в настройки цвета и копируем номер цвета в нужное поле:

Мы видим аналог этого цвета в палитрах RGB (89-123-103) и CMYK (73-47-71-4).
Также можно воспользоваться одним из вышеописанных инструментов. Например, идем на ColorScheme и выбираем раскладку цвета в палитре Pantone — получаем коды цветов в RGB, CMYK и Pantone.

Дальше потребуются данные от производителя. Производители бумаги могут запросить коды CMYK или Pantone и точно подберут цвет бумаги. Для определения цвета краски понадобится Pantone. По ниткам мулине есть в сети довольно обширные справочники по цветам например:

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

А вот пример сочетания цвета в готовом изделии согласно цветовой палитре:

Источник

Цветовой круг

Представляем полезный инструмент для подбора цветовой гаммы — цветовой круг Иттена.

Что это такое?

Если выразиться вкратце — это три диска размещённых на одной оси, на поверхностях которых отображены все основные цвета светового спектра, а так же максимально возможное количество оттенков и шкала контрастности.

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

То есть, фактически — это «живая», материальная шпаргалка, на которой отображаются все основные колористические схемы. «Живая», потому что её можно взять в руки, в отличие от изображения на экране.

Устройство цветового круга

Сторона дизайнера

Сторона художника

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

Круг для подбора цветовых комбинаций

Предшественником данного устройства в его современном виде является цветовое кольцо Иттена (смотрите рисунок ниже).

Именно Йоханесс Иттен первым из всего спектра выделил именно двенадцать цветов и расположил их по окружности таким образом, что максимально контрастирующие друг с другом пары оказались друг напротив друга. В центре он расположил треугольник с тремя основными цветами — красным , синим и жёлтым (именно из них можно получить все остальные путём смешения в разных пропорциях). Этот треугольник Иттен заключил в шестиугольник, внутри которого обозначил какие оттенки получатся при смешении основных цветов в равных пропорциях.

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

Рассмотрим этот момент немного подробнее..

Почему основных цветов двенадцать?

  • Как видите на приведённом рисунке, есть трипервичных цвета (которые так же называют основными).
  • Путём их смешивания попарно в равной пропорции, можно получить три вторичных, итого — шесть.
  • Смесь первичного с соседним по кругу вторичным даёт третичный цвет. Получается ещё шесть комбинаций, итого — двенадцать. (Так же, третичные цвета можно получить смешивая первичные в неравной пропорции)
Читайте также:  Высокие однолетние цветы с синими цветами

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

Гид по смешению красок

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

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

А как же определить эти самые пропорции? Неужели наугад? Нет, цветовой круг может помочь и в этом.

Шкала насыщенности

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

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

Чтобы понять как это делается практически, посмотрите это видео:

Схемы цветовых сочетаний

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

Схема цветовых сочетаний — это фигура, в простейшем случае линия, соединяющая «подходящие» друг к другу цвета. Формулировка очень расплывчатая, так как подбор хроматической гаммы — это одновременно и наука и искусство.

Во-первых, гармония или дисгармония красок — это очень субъективное понятие. Как говорится, «на вкус и цвет товарища нет».

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

Цветовой круг — это инструмент, на котором можно визуально отобразить все основные колористические схемы, но пользоваться этим инструментом нужно уметь. Вы должны сами знать, или хотя бы чувствовать какая из схем больше всего подходит для вашей задачи. Мы со своей стороны постараемся выложить на этом сайте максимум полезной информации о том как пользоваться цветовым кругом (смотрите раздел статьи).

Таблица цветовых схем

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

Монохромное сочетание

Сочетание оттенков разной насыщенности.

Комплиментарное сочетание

Противоположные (дополнительные) цвета.

Классическая триада

Равносторонний треугольник — три элемента сочетания находятся на одинаковом расстоянии друг от друга.

Аналоговая триада

Три ближайших.
В любой из схем один из цветов выбирается главным, остальные — второстепенные.

Контрастная триада

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

Прямоугольная схема

Две пары комплиментарных сочетаний (вариант такого сочетания — квадрат вместо прямоугольника).
Богатая гамма из четырёх цветов.

Заказать данное иделие можно на нашем сайте перейдя в Каталог товаров, или через быстрый заказ в один клик по кнопке:

..в этом случае оператор запишет все данные по заказу в режиме диалога

Поделиться

Опубликовано 02.03.2014 01:02:38

Комментарии ( 0 ):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Источник