Страсть к цвету

Круг Иттена и цветовые гармонии — как пользоваться

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

Как пользоваться кругом Иттена? Есть несколько типов сопоставления цветов, которые получаются путем вращения модели. Сочетать тона можно описанными ниже способами.

Монохромная комбинация

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

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

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

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

Классическая триада – сочетание 3 цветов

Триада цветов образуется путем объединения в интерьере оттенков, расположенных на одинаковом расстоянии друг от друга, то есть равноудаленных. Такая комбинация смотрится эффектно, в том числе – при использовании пастельных оттенков. Тем не менее, для гармоничности образа нужно выбрать один цвет и сделать его основным, а два других – применить для акцентов.

Аналоговое сочетание 2-5 цветов

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

Сочетание 2-5 аналогичных цветов

Раздельно-комплементарное сочетание или контрастная триада

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

Тетрада – прямоугольная схема

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

Квадратная схема

Схема квадрата напоминает прямоугольную, но все тона в ней равноудалены по кругу. Облик комнаты будет живым, динамичным. Примером является включение в интерьер сине-зеленого, желтого, красно-оранжевого, фиолетового.

Шестиугольная схема

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

Хроматичность (Chromaticity, Chorma)

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

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

Высокая хроматичность — очень сияющие, живые цвета.

Низкая хроматичность — ахроматичные, бесцветные цвета.

Хроматичность одинакова — средний уровень. Та же живость цветов несмотря на различный тон; чистота меньше, чем у образцов выше.

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

Хроматичность, которую часто называют «сочностью», является количеством цвета (hue) в цвете. Цвет без цвета (hue) является ахроматичным или монохроматичным, и видим как серый. Для большинства цветов, по мере увеличения яркости увеличивается и хроматичность, за исключением очень светлых цветов.

Теория Цвета

• Как сделать цветную страницу в word

  О цвете с самого начала

• Музей цветовых моделей

• Словарь теории цвета

• Как подобрать гармоничную комбинацию цветов

Как подобрать гармоничную комбинацию цветов

В данной статье описывается простой процесс подбора гармоничных сочетаний цветов

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

Но мы-то с вами знаем, что первичными цветами на самом деле являются красный, зелёный, синий

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

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

Во-первых, давайте разберёмся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, жёлтый и синий. Для того, чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим. Жёлтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и жёлтый — зелёный. А что такое третичные (tetriary) цвета? Просто берётся первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

Рис. А.: для того, чтобы научиться подбирать великолепные цветовые схемы, для начала знать о трёх типах цветов.

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

Рис. В.: собрав воедино первичные, вторичные и третичные цвета, мы получаем цветовой круг.

Несовершенство цветовых моделей

Модели Lab, HSB, RGB и CMYK — основные, с которыми сталкиваются дизайнеры, иллюстраторы и фотографы. Они упрощают работу, но реальная цветопередача не так предсказуема. Например, RGB и CMYK, с которыми работают чаще всего, — это аппаратно-зависимые модели.

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

Знать механику цветовых моделей важно любым специалистам, работающим с компьютерной графикой: веб-дизайнерам, художникам в 2D и 3D, геймдизайнерам и даже фотографам. Но особенно внимательная работа с цветами необходима при дизайне полиграфии: ведь по изображению на мониторе нужно понять, какой получится картинка, напечатанная красками на бумаге

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

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

Холодные и теплые оттенки цветового круга

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

Цветовая гармония очень интересна, поэтому давайте узнаем о таких понятиях как тон кожи, подтон и обертон.

Тон относится к темной и светлой коже, в том числе и смуглой.

Подтоном понимается температура кожи, разделяют ее на 2 категории: теплая и холодная.

Обертон – поверхностный слой кожи, который может иметь желтые или розовые оттенки.

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

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

Сначала посмотрите, являются ли кровеносные сосуды на запястьях зеленоватыми или голубоватыми. В первом случае ваш оттенок теплый, вовтором – холодный. Если они выглядят и голубоватыми и зеленоватыми, ваш оттенок нейтральный.

Так есть и другие подсказки.1. Цвет ваших губ – персикового цвета – ваш оттенок теплый, губы «фиолетовые» – холодный. 2. Те, у кого теплый оттенок, никогда не имеют бледной кожи, люди с холодным оттенком могут быть и «сероватые и зеленоватые”. 3. “Теплые” сразу загорают на сонце, “холодные” – становятся розовыми и загорают медленно.

Теперь выбираем правильные цвета для своего гардероба.

Тем, у кого теплый оттенок: кремовый, бежевый, коралловый, бирюзовый, желтый, бордовый, зеленый (цвет хаки) и темно-фиолетовый. Не подойдет лимонно-желтый, оранжевый, красный, светло-голубой, розовый  и серый цвета. И наоборот, с ними люди с холодным оттенком выглядят в нихвеликолепно. «Холодный оттенок» не должны носить натуральные цвета, такие как коричневый и все его оттенки.

Система RGB

Экран (как и всякое другое неизлучающее свет тело) — изначально тёмный. Его исходным цветом является чёрный. Все остальные цвета на нем получаются путём использования комбинации таких трёх цветов (традиционно в цветных кинескопах используются три «пушки»), которые в своей смеси должны образовать белый цвет. Опытным путём была выведена комбинация «красный, зелёный, синий» — RGB — red/green/blue. Чёрный цвет в схеме отсутствует, так как мы его и так имеем — это цвет «чёрного» экрана. Значит отсутствие цвета в схеме RGB соответствует чёрному цвету.

Эта система цветов называется аддитивной (additive), что в грубом переводе означает «складывающая/дополняющая». Иными словами, мы берём чёрный цвет (отсутствие цвета) и добавляем к нему первичные цвета, складывая их друг с другом до белого цвета.

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

Тип 2 – Корпоративные сайты и сервисы

При создании корпоративного ресурса преследуется одна цель – продвижение товаров или услуг.

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

Продвижение бренда

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

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

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

Продвижение сервиса

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

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

Цветовая модель СMYK — так получают цвет из красок

Эта модель построена на смешении четырёх типографских красок: Cyan (сине-зелёный), Magenta (пурпурный), Yellow (жёлтый) и Key («ключевой» цвет — чёрный). Диапазон цветов на печати гораздо более узкий, чем на современных мониторах компьютеров. Модель СMYK позволяет увидеть на электронных устройствах, как изменятся цвета на бумаге.

В модели CMYK каждый цвет кодируется четырьмя координатами, значения которых могут быть от 0 до 100%. Разные оттенки получаются из-за разных соотношений голубого, розового, жёлтого и черного цвета в их составе. Белый цвет в модели CMYK — это отсутствие краски.

Так выглядит любая напечатанная картинка при большом увеличении:

Новые цвета получаются путём наложения трёх основных друг на друга в разных пропорциях

Согласно идеальной модели, розовый, голубой и жёлтый на печати в сумме дают чёрный. Для чего тогда требуется четвёртая чёрная краска? Есть несколько причин:

• Красители, созданные с помощью химических веществ, не идеальны. На практике смешение трёх красок обычно даёт грязно-коричневый цвет.
• Цветные краски дороже. Например, если нам нужен тёмно-красный цвет, можно составить его из красного, синего и зелёного, а можно — из красного и чёрного. Второй вариант обойдётся дешевле при печати.
• У бумаги ограничена впитывающая способность. Чтобы получить максимально близкий к чёрному цвет, используя голубой, розовый и жёлтый, на лист нанесут 300% краски — газетная бумага такого не выдержит. А чистый чёрный цвет — это всего лишь 100% процентов краски.

Get Color — программа для определения цвета

HEX представляет собой систему унификации. Согласно ей, каждому цвету присваивается 16-значный код. Он может быть переведен в:

• HSL. Модель конвертирует цвета в различные градации серого.
• RGB/RGBA. Формат для художников и веб-дизайнеров.
• CSS/CSS3. Так называется кодировка для верстки HTML.
• CMYK. Это модель для применения в полиграфическом дизайне.

HEX-код представляет цвет в виде цифробуквенных комбинаций. Например, #CC2E2E. Первая пара символов представляет собой насыщенность красным цветом, вторая указывает на уровень зеленого. Третья расскажет о содержании синего. Нужного оттенка можно добиться, манипулируя сочетаниями символов.

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

Изменение фона в приложении GetColor

В самом верху экрана есть клавиша для перехода к инструменту «Пипетка».

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

Цветовая модель RGB — то, что мы видим на экране

Это модель для отображения цвета в цифровых устройствах — например, на мониторах или в цифровых камерах. В ней каждый цвет кодируется значениями базовых цветов: Red (красный), Green (зелёный) и Blue (голубой). Это три оси, которые имеют градацию значений от 0 до 255. Нулевая точка этой системы координат — чёрный, а максимальные значения по всем трём осям кодируют белый цвет.

Например, посмотрим, как получается ярко-красный в системе RGB. Для этого нужно высокое значение по шкале R и низкие значения по двум другим.

В левом верхнем углу наш цвет с координатами (247; 6; 6)

Наглядно модель RGB можно представить как раскрашенный кубик:

В двух углах расположены чёрные и белые точки

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

Как выбрать цвет сайта: основы знаний

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

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

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

Теория цвета состоит из трех основных частей:

1. Контраст

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

Дополнение

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

Резонанс

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

Компания BBC News специально сделала на своем веб-ресурсе красную навигационную панель, чтобы пробудить читателя, усилить его возбуждённое состояние. С учетом специфики данного ресурса (сенсационные новости) такое решение является вполне логичным.

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

Что это – цветовой круг Иттена?

Многие хоть раз слышали о цветовом круге Иттена. Йоханнес Иттен – художник, дизайнер, писатель в Институте искусств в Германии. Он изучал цвета всю жизнь до того момента, пока не создал инструмент, цветовой круг, для их классификации и написал базовые справочники поп подбору цвета.

Посмотрите на графический круг. На нем видно треугольник с тремя цветами в центре круга. Это первичные  цвета –желтый, красный, и синий, из которых происходят вторичные: зеленый (желтый + синий), оранжевый (красный + желтый), фиолетовый (красный + синий).

Вокруг него есть еще один круг с 12 цветами, которые включают основной, вторичный и третичные цвета. Черный и белый не являются цветами, так как они подходят ко всему. Согласно кругу Иттена, идеальные комбинации получаются, сочетая противоположные позиции. Например, комбинируем: желтый + фиолетовый, красный + зеленый и так далее.

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

Дополнительные цвета

При смешивании двух любых противоположных комплементарных цветов в одинаковых пропорциях не получится нейтральный серый тон, если цветовой круг создан по принципу первичных цветов в системе RYB (красный – желтый – синий). Когда используется модель RGB (красный – зеленый – синий), то можно говорить о дополнительных цветах. У них можно наблюдать два противоречащих друг другу эффекта:

• взаимное ослабление, уничтожение;
• приумножение яркости антипода.

Кстати, серый цвет, так же как белый и черный, называют ахромными. Они не входят ни в один из цветовых кругов. По модели Иттена противоположными являются:

• красный – зеленый,
• красно-оранжевый – сине-зеленый,
• оранжевый – синий,
• желто-оранжевый – сине-фиолетовый,
• желтый – фиолетовый,
• желто-зеленый – красно-фиолетовый.

Если проанализировать эти пары, то обнаружится, что они всегда троичны. Например, пара «оранжевый – синий» это «синий + желтый + красный». И если смешать в равных пропорциях эти три тона, то получится серый. Так же, как при смешивании синего и оранжевого. Такое смешение – это не только контраст указанных оттенков, но и контраст светлого и темного, холодного и теплого.

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

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

Но у каждого цвета есть оттенки с разным уровнем насыщенности. Поэтому контрастные цвета в зависимости от тона будут восприниматься по-разному:

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

Генерация цветов онлайн

1. (javascript)

1. RGB:
   HSV:
   HEX:

   Что вообще такое генератор цвета html!? Это некий объект на сайта, с помощью которого можно сгенерировать цвет по всей возможной палитре цветов!
   Как сгенерировать цвета html!? Когда я только начинал делать свой первый сайт, то для меня реальной проблемой была тема генерация цветов html. Если вы здесь, то скорее всего у вас тоже такая же проблема с палитрой!

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

   Что нужно сделать, чтобы сгенерировать цвет html? Как говорят, всё гениальное просто! Берём выставляем во втором столбце цвет а первом перемещаем с помощью мышки курсор, в третьем столбце видим тот цвет, который у нас получился!

   Внизу копируем номер цвета html. Теперь его можно использовать у себя на сайте! Ну либо в другом месте, где поддерживается такая конфигурация цвета!

   Для того, чтобы установить «Онлайн генератор цвета» на сайт нужно:

   Установить html код.

   Кусочек скрипта javascript расположить на странице.

   Подключить библиотеку «colorpicker.min.js»… всё…

   Скачать

2. Данный генератор цвета основан на flash.

   Если вы видите такую картину, вместо генератора цветов :

   Это означает, что на вашем устройстве не установлен плеер flash.

   А для всех остальных :

   Если затрудняетесь в понимании работы «Генератора цвета онлайн», то см.ниже, там есть подробное описание описание.

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

   brightness/saturation — яркость/насыщение

   В этом поле цветного генератора можно поставить мышку в любую точку

   hue(это не матершинное слово) — это означает оттенок

   В следующем поле , которое называется hue выбираем оттенок, основной цвет

   И уже в третьем поле мы наблюдаем наш полученный цвет!

   Для того, чтобы получить сгенерированный цвет html из формы, нужно опуститься в самый низ формы и справа вы сможете скопировать цифровое значение сгенерированного цвета!

   Если вам требуется сгенерировать цвет через цифры, то есть 6 полей для этого:

   1). hue — генерация оттенка цвета
   2). saturation — генерация насыщенности цвета
   3). brightness — генерация оттенка цвета
   4). Red — генерация красного цвета
   5). Green — генерация зеленого цвета
   6). Blue — генерация синего цвета

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

   Скачиваем архив с генератором цвета открываем архив, заходим в папку generator_tsvetov открываем файл в любом редакторе, да хоть в блокноте

   Открыли код генератора цвета , скопировали и вставляем в то место на странице, где вы хотите использовать данный генератор цветов html

Последняя дата редактирования : 16.02.2021 20:06
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no

Немного теории: три вида оттенков

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

Основной — это оттенок, с которым вас будут ассоциировать. Оформляйте в нем главные элементы страницы, которые несут самый важный посыл.  

Источник — by Square Studio

Акцентный — работает на контрасте с основным

Оттеняет его и выделяет элементы, на которые вы хотите обратить внимание: кнопки СТА (call to action — призыв к действию), названия разделов или заголовки. . Источник -by Joel Maynard

Источник -by Joel Maynard

Фоновый — фон страницы. Его выбор зависит от специфики бизнеса

Почти все порталы электронной коммерции (Amazon, eBay, Zara и многие другие) выбирают белый фон, чтобы он не отвлекал внимание от продуктов и выделял содержание. А страницы, связанные с творчеством, могут использовать самые неожиданные креативные решения и выходить за рамки правил

Источник — by Rajat Mehra

ColorExplorer

ColorExplorer – многофункциональный ресурс с большими возможностями работы с цветом. Он был разработан специально для профессиональных дизайнеров. Набор инструментов данного ресурса позволяет не только подбирать цвета и составлять цветовые палитры, но и изучать популярные библиотеки цветов, объединять библиотеки, экспортировать палитры в такие программы, как Adobe Photoshop, Illustrator, InDesign и др.

Для того чтобы получить цветовую тему понравившегося изображения, следует загрузить его через вкладку Image Color Import. Вы увидите все цвета и оттенки (от 3 до 50), имеющиеся на данном изображении.

Очень интересно работать во вкладке Color Matching – это цветовой блендер, позволяющий изменять компоненты цвета с помощью значений RGBи HSL. Подобрав необходимую цветовую палитру, вы можете добавить её к уже существующей, либо сделать замену, ну, и как вариант, сохранить в своих палитрах My Palettes.

Mycolor.Space

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

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

Дополнительный функционал

• Поддерживает HEX и RGB
• Создание 2-х цветного градиента CSS
• Создание 3-х цветного градиента CSS

Всего доброго. Ваш MrVector 🙂

Мы в соц медиа: Инстаграм | ВК | Фейсбук | Твиттер | Телеграм Канал | Телеграм Чат для Микростокеров

Трендовые темы для микростоковых авторов на: Patreon и VK Donate

Обсудить эту новость можно на нашем форуме о фотобанках и микростоках.

П.П.С. Чтобы оставаться в курсе происходящих событий и новостей подписывайтесь на еженедельную почтовую рассылку от www.supermicrostock.ru. В каждом выпуске, помимо прочего, вы будете получать 3 горячие рекомендаций на самые перспективные темы для векторных иллюстраторов. Рассылка выходит раз в неделю по воскресеньям.