Цветовая гамма 3 цвета: Attention Required! | Cloudflare

Цветовая гамма в одежде | LOOKCOLOR

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

Существует огромное множество различных оттенков, а варианты их комбинаций превышает доступные пониманию цифры. Даже целой нации за 100 лет не перебрать все возможные варианты. А среднестатистический человек в жизни примеряет на себя не более 300-700 сочетаний. В большинстве случаев они строятся на основе серых, черных и белых оттенках, реже бежевых и коричневых. Такая ограниченность создает однобокие гардеробы со скучными цветовыми гаммами. И как-то забывается, что интересная женщина должна быть разной.

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

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

Простые и сложные цветовые гаммы

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

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

1. Однотонная гамма
2. Двухцветная гамма
3. Трехцветная гамма

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

Двухцветная и трехцветная гаммы представляют больший интерес.

К сложным гаммам относятся:

4. Четырехцветная гамма
5. Пятицветная гамма
6. Шестицветная гамма
7. и более

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

Сложные цветовые гаммы хороши тем, что их можно разбить на более простые.

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

Цветовая гамма делового стиля одежды

Цветовая гамма делового стиля не превышает 4 цветов. Наилучшими считается 2-3 цвета, а при 4-х – два из них должны быть близкими по тону. В основу делового стиля ложатся многофункциональные цвета: черный, темно-синий, белый, серый, бежевый.

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

В светлых оттенках преобладают пастельные цвета: все оттенки бежа, лиловые, голубые, золотые и т. д.

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

Так, преобладание темных тонов в сочетании одежды добавляет вам солидности.

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

Контрастное сочетание темных и светлых – создают нейтральный фон для беседы.

Цветовая гамма классического стиля одежды

По сложности – она сродни с цветовой гаммой делового стиля. Преимущественно 2-3 цвета, но возможна и полноценная четырехцветная палитра.

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

Сочетания строятся на основе черного, темно-синего, серого, коричневого цвета. Темные цвета в классическом стиле предпочтительны, хотя светлая палитра тоже присутствует.

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

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

Цветовая гамма вечернего стиля одежды

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

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

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

цвета.

Цветовая гамма романтического стиля одежды

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

Пастельные – основные – тона будут представлены светлой бежевой гаммой, сильно разбавленными белым цветом желтые, оранжевые, красные, розовые, голубые и сиреневые оттенки.

В целом цветовая гамма может целиком стоять из пастельных тонов, а может оттеняться контрастным цветом.

Цветовая гамма стиля кэжуал

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

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

Цветовая гамма творческого стиля

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

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

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

Оставить комментарий

(только на русском языке)

Цветовая палитра — это.

.. Что такое Цветовая палитра?

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

Основные виды цветовых палитр

Существуют три основные палитры цветов :

1. Самая известная и популярная — RAL. Впервые стандарт RAL был представлен в 1927 году Немецким Институтом Гарантий Качества и Сертификации (Райх Аусшлюс фюр Лифербедингунген — RAL) по просьбе производителей лакокрасочной продукции. Институт установил стандарт на цветовое пространство, разделив его на диапазоны и обозначив каждый цвет однозначным цифровым индексом. Номера четырёхзначные, (№ XXXX) где 1xxx — жёлтые (27 шт) , 2xxx — оранжевые (12 шт), 3xxx — красные (22 шт), 4xxx — фиолетовые (10 шт), 5xxx — синие (23 шт), 6xxx — зеленые (32 шт), 7xxx — серые (37 шт), 8xxx — коричневые (19 шт), 9xxx — светлые и тёмные (12шт). Для определения цвета по системе RAL издаются вееры, каталоги и программное обеспечение. Всего содержится более двух тысяч оттенков по RAL.

2. Более современная и быстрорастущая NCS (англ. Natural Color System, естественная система цвета). Эта цветовая модель была предложенная Скандинавским институтом цвета (Skandinaviska Färginstitutet AB), Стокгольм, Швеция в 1979 году. Она основана на системе противоположных цветов и нашла широкое применение в промышленности для описания цвета продукции. При описании цвета по NCS используются шесть простых цветов: белый, чёрный, красный, жёлтый, зелёный и голубой (то есть таких, которые нельзя описать сочетанием двух других). Все остальные цвета представлены сочетанием основных (например, оранжевый — одновременно красноватый и желтоватый). Это облегчает интуитивное понимание цвета из его кодированной записи, в то время как в таких системах как RGB мысленная визуализация цвета по трём цифрам довольно сложна. В описании цвета учитывается близость к черному — темнота цвета, чистота цвета (насыщенность) и процентное соотношение между двумя основными цветами. Полная запись цвета может также включать кодовую букву, обозначающую версию стандарта NCS. Для определения цвета по системе NCS издаются каталоги и программное обеспечение. Последняя редакция цветового веера содержит 1950 цветов.

3. Pantone. Используется в основном в полиграфии. Разработанная американской фирмой Pantone Inc в середине XX века. Использует цифровую идентификацию цветов изображения для полиграфии печати как смесевыми, так и триадными красками. Эталонные пронумерованные цвета напечатаны в специальной книге, страницы которой веерообразно раскладываются. Существует множество каталогов образцов цветов Pantone, каждый из которых рассчитан на определённые условия печати. Например, для печати на мелованной, немелованной бумаге, каталог для металлизированных красок (золотая, серебряная) и т. д. Производитель настаивает на том, что «веера» необходимо ежегодно заменять, так как за это время процесс выцветания и истирания изображения делает цвета неточными.

Цветовые палитры в компьютерной графике

Цветовые палитры — часть графического интерфейса GDI. Часто выделяют системную цветовую палитру и пользовательские палитры.

См. также

Источники

как создать идеальную цветовую схему – Сей-Хай

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

Давайте сначала разберемся с некоторыми основными понятиями. Вот краткий список терминов и определений.

Терминология

• Оттенок (Hue): какого цвета что-то – синий или красный;
• Интенсивность цвета (Chroma): насколько чистый цвет;
• Насыщенность (Saturation): «сочность» цвета;
• Насыщенность цветового тона (Value): насколько светлый или темный цвет;
• Тон (Tone): создается путем добавления серого к чистому оттенку;
• Тень (Shade): создается путем добавления черного к чистому оттенку;
• Светлый оттенок (Tint): создается путем добавления белого к оттенку.

Наглядный пример, как получается тот или иной оттенок.

Четыре основных типа цветовых палитр

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

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

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

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

Общепринятые значения цветов

• Красный: энергия, сила, страсть;
• Оранжевый: радость, энтузиазм, креативность;
• Желтый: счастье, интеллект, энергия;
• Зеленый: амбиции, рост, безопасность;
• Синий: спокойствие, уверенность;
• Фиолетовый: роскошь, амбиции, креативность;
• Черный: сила, элегантность, тайна;
• Белый: чистота, совершенство.

Уточнение о доступности

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

Дизайнеры UX должны использовать палитры, удобные для дальтоников, адаптированные и настроенные для работы с различными видами дальтонизма.

3 совета для начала

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

Используйте правило 60-30-10. 60% – доминирующий оттенок, 30% – вторичный цвет, а 10% – акцентный. Это старое правило из дизайна интерьера поможет сбалансировать ваши цвета. Формула работает, потому что позволяет глазу удобно перемещаться от одного фокуса к другому. Даже если ваша палитра содержит более трех цветов (но, пожалуйста, не более пяти), стоит сохранять баланс. Так глазам будет проще, а мозгу удобнее.

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

3 инструмента, которые прокачают вашу палитру

Color Hunt – это «бесплатная и открытая платформа для вдохновения. Здесь можно найти тысячи специально подобранных цветовых палитр». Это отличный способ найти подходящую палитру.

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

Paletton – инструмент похож одновременно на Coolors и Color CC. Разница в том, что вы не ограничены только 5 оттенками. Этот инструмент отлично подойдет, если у вас есть основной цвет и вы хотите найти дополнительные тона. Отличный инструмент для изучения всех палитр, о которых мы говорили выше.

Читайте также:

Эксперименты от Google: подбор палитры по фото

Как найти идеальную цветовую пару

Тест: «Определи цвет по его названию»

Источник: Inside Design

Выбор цвета для дизайна сайта. Примеры: 50 великолепных цветовых схем

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

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

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

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

На что влияет выбор цветовой палитры

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

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

50 великолепных цветовых схем для дизайна вашего сайта

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

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

1. Красочные и сбалансированные

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

2. Яркие цвета с сильным акцентом

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

3. Природные и земные цвета

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

4. Свежие и лаконичные цвета

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

5. Смелые и яркие

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

6. Черные с ярким акцентом

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

7. Стильные и утонченные

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

8. Оттенки красновато-коричневого

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

9. Мистические темные цвета

Эта темная и таинственная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами.

10. Современные и смелые

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

11. Живые и привлекательные цвета

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

12. Поразительно простые цвета

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

13. Оттенки живого красного

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

14. Вычурные и креативные

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

15. Элегантные и доступные

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

16. Футуристические цвета

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

17. Инновационные и смелые

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

18. Текстурированные и динамичные

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

19. Теплые оттенки и минимализм

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

20. Яркие и контрастные цвета

Темно-розовый, фиолетовый и темно-синий цвета смешаны в этом красивом и привлекательном дизайне. Насыщенные неоновые оттенки действуют как акценты на темно-фиолетовом фоне, привлекая зрителей к навигационному меню, как только они открывают сайт.

21. Чистые и энергичные

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

22. Традиционная бизнес-классика

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

23. Глубокий сдержанный синий

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

24. Чистые и современные

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

25. Яркие и элегантные

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

26. Веселые и задорные цвета

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

27. Минималистичные контрастные цвета

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

28. Эффектные цвета с четким акцентом

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

29. Современные и актуальные цвета

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

30. Природные естественные цвета

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

31. Ярко-розовые и пастельные

Этот оживленный сайт объединяет ярко-малиново-розовый с более мягкими цветами, такими как пастельно-синий и светло-пастельно-фиолетовый. Результатом является удивительно свежая и беззаботная цветовая гамма, которая создает ощущение легкости и свежести.

32. Уникальная необычная комбинация цветов

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

33. Яркие цитрусовые цвета

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

34. Энергичные голубые и апельсиновые цвета

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

35. Оттенки бородово-красного и и синего

Эта гамма бордовых и красных цветов с ярко-синей кнопкой призыва к действию создает визуального интерес и сразу привлекает к себе внимание. Хорошо подходит для интересных уникальных проектов

36. Дерзкие, смелые и современные

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

37. Веселые и энергичные

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

38. Снежный, но теплый

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

39. Богатство насыщенных красок

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

40. Элегантный минимализм

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

41. Простые и бесстрашные цвета

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

42. Плоские и простые цвета

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

43. Комфортный и спокойный

Это уникальное сочетание оттенков кофе с небесно-голубым и различных оттенков коричневого делает эту успокаивающую и утешительную цветовую схему: чем-то напоминающим вашу любимую кофейню или гостиную. Отлично подходит для сферы HoReCa.

44. Классический и традиционный

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

45. Популярные акцентные цвета

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

46. Серьезный корпоративный

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

47. Гламурные и стильные цвета

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

48. Привлекательный и насыщенный

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

49. Контрастные кислотные цвета

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

50. Оптимистичные, живые успокаивающие цвета 

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

Публикация адаптирована в веб-студии АВАНЗЕТ на основе опыта гуру индустрии дизайна и статьи Найоми Чибана. Вдохновляйтесь вместе с visme и найдите для себя идеальную цветовую палитру!

28.11.2021

← Поделиться с друзьями !

10 Трендовых Цветовых Схем Для Веб-Сайтов в 2021

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

Исключительно Черный

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

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

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

Морской Оттенок в Сочетании с Мятным

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

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

Черный, белый, серый

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

Лучший пример такого сайта – Apple. Эта цветовая схема навеки стала их визитной карточкой. Ее используют для онлайн-презентации большинства продуктов компании. Самое важное, что такие цвета в полной мере соответствуют политике Apple.

Так, например, если ваш сайт нацелен на аудиторию премиум класса, можно смело использовать такие цвета.

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

Серый, Голубой и Синий

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

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

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

Футуристические Цветовые Схемы

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

• насыщенный синий;
• насыщенный пурпурный;
• ярко-розовый.

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

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

Классический синий

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

Один из примеров сайтов, который реализовал такой подход – студия веб-дизайна Oino.

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

Природные Оттенки

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

1. Об этом говорят все больше знаменитостей.
2. Этому требованию соответствуют производители разных товаров.
3. Об этом все больше рассказывают СМИ.

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

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

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

Серый, Мягкий Желтый и Темно-Зеленый

Достаточно тяжело представить сочетание этих трех цветов в одной палитре. Почему? Потому что ранее мы не так часто ее замечали. Это действительно так. Данный тренд только зарождается. Но его уже умело используют некоторые проекты.

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

Как Подобрать Цветовую Схему?

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

1. Выберите преобладающий цвет.
2. Подберите хорошие комбинации.
3. Определитесь с фоновым цветом.

У многих возникает вопрос относительно второго пункта. Если вы действительно не можете сами определиться с цветами, то у вас есть два выхода. Первый – обратиться к квалифицированным веб-дизайнерам, которые создадут для вашего проекта лучшую комбинацию. Второй – использовать веб-инструменты (например, Adobe Color CC).

Заключение

Сегодня очень много трендов меняются во всех сферах. Графический дизайн не стал исключением. Цветовые схемы – наименее стабильная составляющая дизайна. Поэтому за ними необходимо следить больше всего.

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

Как использовать команду цветового диапазона в Photoshop

Где найти команду цветового диапазона

Первое различие между Color Range и Magic Wand заключается в том, что Color Range на самом деле вообще не является инструментом выделения, поэтому вы не найдете его смешанным с Magic Wand и другими инструментами на панели инструментов. Цветовой диапазон — это команда выбора , и мы получаем к ней доступ из того же места, где мы получаем доступ к другим командам — ​​Строке меню в верхней части экрана. Поднимитесь к меню Select в строке меню и выберите Color Range :

Выберите «Выделение»> «Цветовой диапазон».

Откроется диалоговое окно «Цветовой диапазон». Если вы какое-то время использовали Magic Wand и только сейчас впервые видите Color Range, вы можете подумать: «Боже, не чудо , — большинство людей все еще используют Magic Wand! Какого черта я смотрю? здесь?». На первый взгляд команда «Цветовой диапазон» может показаться немного устрашающей. В конце концов, с Волшебной палочкой все, что мы делаем, это выбираем инструмент на панели инструментов и нажимаем на изображение. Но не позволяйте первому впечатлению ввести вас в заблуждение.Color Range очень легко использовать, если вы знаете, как он работает (что, конечно же, вы поймете после прочтения этого урока!):

Диалоговое окно «Цветовой диапазон».

Вариант выбора

Давайте кратко рассмотрим некоторые вещи, которые мы видим в диалоговом окне Color Range. Сейчас мы рассмотрим самые важные варианты, а остальные отложим на потом. В самом верху диалогового окна находится опция Select . По умолчанию установлено значение образцов цветов :

Параметр «Выбрать» установлен на «Выборочные цвета».

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

В большинстве случаев вы захотите оставить для параметра «Выбор» значение «Выборочные цвета», но, в отличие от «Волшебной палочки», команда «Диапазон цветов» дает нам дополнительные способы выбора пикселей.Если вы нажмете на слова «Образцы цветов», вы откроете список различных вариантов выбора, из которых мы можем выбрать. Например, мы можем мгновенно выбрать все пиксели определенного цвета (красный, желтый, синий и т. Д.), Просто выбрав этот цвет из списка. Или мы можем быстро выбрать самые яркие пиксели в изображении, выбрав «Света», или самые темные пиксели, выбрав «Тени». Эти дополнительные параметры могут пригодиться в определенных ситуациях, но, как я уже упоминал, по большей части вы захотите оставить параметр установленным на выборочные цвета, на чем мы сосредоточимся в этом руководстве:

Цветовой диапазон

дает нам больше способов выбора пикселей, чем то, что мы получаем с помощью Magic Wand.

Инструменты для пипетки

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

Слева направо у нас есть основной инструмент Eyedropper Tool , используемый для выбора исходного цвета (просто щелкните изображение с помощью инструмента Eyedropper Tool, чтобы выбрать нужный цвет), инструмент Add to Sample Tool для добавления дополнительных цвета в выделение, а инструмент Subtract from Sample Tool удаляет цвета из выделения.Мы можем переключаться между инструментами, нажимая на их значки, но на самом деле в этом нет необходимости. Основной инструмент «Пипетка» выбран для нас по умолчанию, и мы можем временно переключиться на другие инструменты прямо с клавиатуры. Чтобы переключиться на инструмент «Добавить в образец», просто удерживайте нажатой клавишу Shift , затем щелкните изображение, чтобы добавить новые области к выделению. Чтобы получить доступ к инструменту «Вычесть из образца» с клавиатуры, удерживайте нажатой клавишу Alt (Win) / Option (Mac), затем щелкните изображение, чтобы удалить область из выделения.Другими словами, теперь, когда вы знаете, что здесь присутствуют эти три значка, вы можете спокойно забыть о них:

Инструменты «Пипетка» (слева), «Добавить в образец» (в центре) и «Вычесть из образца» (справа).

Окно предварительного просмотра выбора

В нижней половине диалогового окна находится окно предварительного просмотра , где мы можем видеть предварительный просмотр в реальном времени, какие области изображения мы выбрали после щелчка пипеткой. В окне предварительного просмотра наш выбор отображается в виде изображения в градациях серого.Если вы знакомы с принципом работы масок слоев, окно предварительного просмотра работает точно так же. Полностью выделенные области изображения будут отображаться в окне предварительного просмотра белыми, а невыделенные области — черными. В моем случае здесь в данный момент ничего не выбрано, поэтому мое окно предварительного просмотра в настоящее время заполнено сплошным черным цветом. Как мы увидим, команда Color Range также способна частично выбирать пиксели, поэтому она дает нам лучшие и более естественные результаты, чем Magic Wand. Частично выбранные области отображаются в окне предварительного просмотра в виде оттенков серого.Опять же, мы скоро увидим, как это работает:

Окно предварительного просмотра выбора.

Нечеткость

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

И «Волшебная палочка», и команда «Цветовой диапазон» позволяют указать Photoshop, каким должен быть допустимый диапазон. С Magic Wand мы используем опцию Tolerance на панели параметров. Чем выше мы устанавливаем значение Tolerance, тем шире становится допустимый диапазон. Например, если мы оставим для параметра Допуск значение по умолчанию 32, а затем щелкнем цвет в изображении, Photoshop выберет все пиксели того же цвета, что и пиксель, на который мы щелкнули, плюс все пиксели, которые находятся в пределах 32 уровней яркости светлее и 32 уровня яркости темнее.Увеличение значения Tolerance до 100 означает, что мы выберем все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем цвет, на который мы щелкнули, а установка значения Tolerance на 0 означает, что мы выберем только пиксели, которые имеют точно такой же цвет, не более:

Если выбрана «Волшебная палочка», параметр «Допуск» на панели параметров устанавливает приемлемый цветовой диапазон.

Диалоговое окно Color Range дает нам аналогичный способ установить приемлемый диапазон, за исключением того, что здесь он не называется Tolerance, он называется Fuzziness и имеет большое преимущество перед параметром Magic Wand’s Tolerance.Мы используем значение «Нечеткость» так же, как и «Допуск». Чем выше мы устанавливаем значение «Нечеткость», тем больше уровней яркости включаем в допустимый диапазон. Например, значение «Нечеткость» 40 выберет все пиксели, которые имеют тот же цвет, что и пиксель, на который мы щелкнули, плюс все пиксели, которые в пределах 40 значений яркости светлее или темнее. Любые пиксели, которые на 41 или более уровней яркости светлее или темнее, будут исключены из выбора.

Тем не менее, опция Tolerance — это во многом вопрос типа «ударил или пропустил».Если мы щелкнем изображение с помощью волшебной палочки и поймем, что не получили нужный выбор, потому что мы использовали неправильное значение допуска, все, что мы можем сделать, это ввести другое значение, затем щелкнуть изображение и повторить попытку. Такой подход «проб и ошибок» к выбору пикселей может очень быстро разочаровать. Вот где команда Color Range действительно сияет над Magic Wand. В отличие от значения Tolerance, которое заставляет нас угадывать правильное значение до того, как мы щелкаем по изображению, значение Fuzziness можно легко изменить после , по которому мы щелкнули! Все, что нам нужно сделать, это щелкнуть один раз на изображении, чтобы сделать начальное выделение, а затем мы можем настроить выделение, просто перетащив ползунок «Нечеткость» влево или вправо, чтобы увеличить или уменьшить диапазон.Предварительный просмотр нашего выбора будет отображаться в окне предварительного просмотра, когда мы перетаскиваем ползунок, поэтому вам вообще не нужно гадать. Мы скоро увидим пример того, как работает нечеткость:

Параметр «Нечеткость» — это вариант «Допуск волшебной палочки» в цветовой гамме.

Теперь, когда мы рассмотрели основы диалогового окна Color Range, давайте посмотрим на него в действии. Вот документ, который я открыл в Photoshop, состоящий из простого темно-синего градиента с желтой полосой, проходящей через середину:

Синий градиент, разделенный по горизонтали желтой полосой, но вы это уже знали.

Допустим, я хочу выделить часть синего градиента с помощью команды Color Range. Сначала я перейду к меню Select вверху экрана и выберу Color Range . Затем, когда появится диалоговое окно «Цветовой диапазон», я проверю, выбран ли мой основной инструмент «Пипетка » (который, как мы узнали, уже должен быть выбран по умолчанию):

Убедитесь, что основной инструмент «Пипетка» активен.

Активировав основной инструмент «Пипетка», я щелкну где-нибудь в середине градиента, чтобы выбрать оттенок синего:

Щелкните по середине градиента с помощью инструмента «Пипетка».

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

Мой первоначальный выбор в окне предварительного просмотра.

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

Кликните Пипеткой по более темному оттенку синего.

В окне предварительного просмотра теперь показано, что я выбрал другую часть изображения:

Щелчок по более темному оттенку синего привел к другому выбору.

И если я нажму на более светлый оттенок синего в градиенте:

Нажав на более светлый оттенок синего.

Окно предварительного просмотра обновляется, показывая, что я выбрал более светлую часть изображения:

Выбраны более светлые оттенки синего. Более темные оттенки не выбираются.

Обратите внимание, что независимо от того, где я нажимал на синий градиент, Photoshop полностью игнорировал желтую полосу посередине. Если я нажму на желтую полосу:

Щелкнув желтую полосу.

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

Желтая полоса выделена. Синего градиента нет.

Я собираюсь еще раз щелкнуть по середине синего градиента, чтобы мы могли более внимательно изучить параметр «Нечеткость» и то, как он позволяет нам корректировать наш выбор на лету:

Щелкните еще раз в середине градиента.

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

Вернуться к исходному выбору.

Когда я щелкнул по середине градиента, мое значение Нечеткости было установлено на 40, что означает, что Photoshop выбрал именно тот оттенок синего, на который я щелкнул, плюс 40 оттенков светлее или темнее. Но что, если мое значение нечеткости было недостаточно высоким и мне нужно было выбрать больший диапазон цветов? Не проблема! Все, что мне нужно сделать, это перетащить ползунок «Нечеткость» вправо, чтобы увеличить диапазон.Когда я перетаскиваю ползунок, окно предварительного просмотра обновляется, показывая мне мой новый выбор. Я увеличу свое значение «Нечеткость» до 100, что означает, что теперь я выбираю все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем оттенок синего, на который я изначально нажимал. В окне предварительного просмотра я вижу, что теперь я выбрал гораздо большую часть градиента. Точно так же я мог бы перетащить ползунок влево, чтобы уменьшить значение нечеткости, и в этом случае будет выбран меньший градиент:

Увеличение значения «Нечеткость» с помощью ползунка увеличивает выделенную область в окне предварительного просмотра.

Обратите внимание, что отображение в окне предварительного просмотра не ограничивается только чисто белым и чисто черным. Вместо этого он плавно и постепенно переходит от белого к серому и черному. Это связано с тем, что команда «Цветовой диапазон» может частично выбирать пикселей. Любые пиксели, цвет которых отличается от того, по которому мы щелкнули, но которые все еще находятся в допустимом диапазоне яркости (установленном значением «Нечеткость»), будут выделены частично. Это серые области в окне предварительного просмотра. Чем ближе область к цвету, на который мы щелкнули, тем более выделенной она будет, представленная более светлыми оттенками серого.Более темные оттенки серого представляют области, которые находятся дальше от цвета, на который мы щелкнули, и менее выделены. Эта способность «частично выбирать» пиксели может показаться немного странной, но именно поэтому команда «Цветовой диапазон» дает нам гораздо более плавное и естественное выделение, чем то, что мы когда-либо могли получить с помощью Magic Wand.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Добавление к выделенному

Помимо изменения значения Fuzziness, мы также можем использовать инструмент Add to Sample Tool, чтобы добавить области к нашему первоначальному выделению.Однако, как мы уже узнали, нет необходимости тратить время на выбор инструментов пипетки в диалоговом окне. Все, что нам нужно сделать, чтобы временно переключиться с основного инструмента «Пипетка» на инструмент «Добавить к образцу», — это нажать и удерживать клавишу Shift . Удерживая нажатой клавишу Shift, в правом нижнем углу курсора пипетки появится маленький знак плюс ( + ), сообщающий, что вы переключили инструменты. Отпустив клавишу Shift, вы вернетесь к основному инструменту «Пипетка» (знак «плюс» исчезнет).

Я собираюсь установить для моего значения нечеткости значение 40, чтобы упростить просмотр:

Установка нечеткости обратно на 40.

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

Щелкните изображение с помощью инструмента «Добавить в образец» (удерживая нажатой клавишу Shift).

Если мы посмотрим на окно предварительного просмотра, мы увидим, что к моему выбору добавлены более светлые оттенки синего:

Выбран дополнительный градиент.

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

Перетаскивание с помощью инструмента «Добавить в образец».

И теперь мы видим в окне предварительного просмотра, что я добавил еще больше градиента к своему выбору:

Результат после перетаскивания с помощью инструмента «Добавить в образец».

Вычитание из выделенного

Мы также можем вычесть области из выделения с помощью Subtract from Sample Tool . Опять же, нет необходимости брать его из диалогового окна. Просто удерживайте нажатой клавишу Alt (Win) / Option (Mac) на клавиатуре, чтобы временно переключиться на инструмент «Вычесть из образца». Маленький знак минус (–) появится в правом нижнем углу значка пипетки. Нажмите на область, которую хотите удалить из выделения, затем отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к основному инструменту «Пипетка», когда закончите.

Я нажимаю на более темную область градиента с помощью инструмента «Вычитание из образца»:

Щелчок с помощью инструмента «Вычесть из образца».

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

Результат после щелчка с помощью инструмента «Вычесть из образца».

Однако одна проблема с инструментом «Вычесть из образца» заключается в том, что он не работает так же хорошо, как инструмент «Добавить в образец», и не всегда легко предсказать, какие результаты вы получите от него.Если вы ошиблись с инструментом «Добавить к образцу» и добавили неправильную область к своему выделению, часто проще просто отменить последний шаг и попробовать снова. Команда Color Range дает нам один уровень отмены, поэтому, если вы ошиблись с инструментом Добавить в образец, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем Попробуйте снова.

Когда вы довольны предварительным просмотром вашего выбора, нажмите OK в правом верхнем углу диалогового окна Color Range, чтобы закрыть его:

Щелкните OK, чтобы закрыть диалоговое окно.

Photoshop затем отобразит ваш выбор в документе как стандартный контур выделения «марширующих муравьев». Однако имейте в виду, что в большинстве случаев команда «Цветовой диапазон» будет частично выделять определенные пиксели, и что Photoshop может отображать контур выделения только вокруг пикселей, которые выбраны не менее чем на 50%. Любые пиксели, выделенные менее чем на 50%, будут выходить за пределы контура выделения, а это означает, что контур может не полностью соответствовать вашему выбору.Это не большая проблема, просто нужно запомнить:

Стандартный контур «марширующих муравьев» теперь отображается вокруг выбранной части градиента.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

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

Необходимо выбрать розы.

В открытом диалоговом окне «Цветовой диапазон» и активном основном инструменте «Пипетка» я щелкаю один раз внутри одной из роз, чтобы сделать свой первоначальный выбор цвета:

Щелкните один раз, чтобы выбрать начальный оттенок красного.

Мы видим мой первоначальный выбор в окне предварительного просмотра:

Первоначальный выбор появляется в окне предварительного просмотра.

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

Удерживая Shift, щелкните, чтобы выбрать больше оттенков красного.

В окне предварительного просмотра отображаются области, которые были добавлены к выделению:

Новые добавленные разделы появятся в предварительном просмотре.

Параметры предварительного просмотра

Один из вариантов, который у нас есть с окном предварительного просмотра, который мы еще не рассматривали, — это возможность просматривать само изображение внутри окна предварительного просмотра, а не просматривать выделенное изображение в оттенках серого.Если вы посмотрите прямо под окном предварительного просмотра, вы увидите две опции — Selection и Image . Чтобы переключиться на просмотр изображений, выберите опцию Image . Вы даже можете щелкнуть изображение внутри окна предварительного просмотра, а не в окне документа, чтобы сделать и отредактировать свой выбор. Возможно, вы не найдете эту опцию особенно полезной, но она есть, если вам это нужно. Чтобы вернуться к просмотру предварительного просмотра в градациях серого, выберите вариант Selection (который выбран по умолчанию):

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

Гораздо более полезная опция предварительного просмотра находится в самом низу диалогового окна «Цветовой диапазон». Параметр Selection Preview управляет тем, что мы видим в окне документа. По умолчанию установлено значение None , что означает, что мы видим наше фактическое изображение в окне документа:

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

Если вы нажмете на слово None, вы откроете список дополнительных вариантов — Grayscale , Black Matte , White Matte и Quick Mask — каждый из которых дает нам разные способы предварительного просмотра текущий выбор в окне документа.Я выберу первый, оттенки серого:

Выбор оттенков серого в параметре предварительного просмотра выделенного фрагмента.

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

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

Еще один очень полезный способ предварительного просмотра вашего выбора — выбрать Black Matte из параметра предварительного просмотра выбора:

Выбор матового черного в режиме предварительного просмотра выделенного фрагмента.

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

Выбранные области изображения теперь отображаются на черном фоне в окне документа.

Вы также можете выбрать White Matte , который будет отображать выбранные области изображения на сплошном белом фоне, или Quick Mask , чтобы просмотреть выделение с красным наложением быстрой маски.Все четыре параметра могут быть полезными способами предварительного просмотра вашего выбора в окне документа. Чтобы вернуться к просмотру изображения, установите для параметра «Предварительный просмотр выделения» значение «Нет».

Локализованные кластеры цвета (Photoshop CS4 и выше)

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

В Photoshop CS4 Adobe добавила новую функцию в команду «Цветовой диапазон» под названием Localized Color Clusters . Мы можем использовать эту опцию, чтобы ограничить области на фотографии, в которых Photoshop будет искать совпадающие цвета. Я щелкну внутри флажка, чтобы включить эту опцию (опять же, опция Localized Color Clusters доступна только в CS4 и выше):

Включение локализованных цветовых кластеров.

Как только мы включим локализованные кластеры цветов, сразу под ползунком «Нечеткость» станет доступна другая опция, Range .Если для диапазона установлено значение 100% (или если параметр «Локальные кластеры цветов» отключен), Photoshop будет искать по всему изображению области соответствующего цвета, чтобы добавить их к нашему выделению. Но когда мы понижаем значение диапазона, перетаскивая ползунок влево, мы говорим Photoshop, чтобы он смотрел только на области фотографии, которые ближе к областям, на которые мы щелкнули, и игнорировать области, которые находятся слишком далеко от того места, где мы щелкнули.

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

Уменьшение значения диапазона удаляет верхнюю область фотографии из выделения.

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

Мои последние настройки цветового диапазона.

Инвертирование выбора

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

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

Выбор параметра «Инвертировать».

Чтобы завершить свой выбор, я нажму «ОК» в правом верхнем углу диалогового окна, чтобы закрыть команду «Цветовой диапазон», и теперь мы видим стандартные контуры выделения «марширующих муравьев» в моем документе. Как я упоминал ранее, контур выделения появляется только вокруг пикселей, которые выбраны не менее чем на 50%, а это означает, что то, что мы видим, часто не совсем точное:

В документе появится стандартная схема выбора.

Чтобы быстро закончить свой эффект, я нажимаю на значок New Adjustment Layer в нижней части панели слоев:

Щелкнув значок «Новый корректирующий слой».

Затем я выберу корректирующий слой Black & White из появившегося списка:

Выбор корректирующего слоя «Черно-белый».

Добавляет корректирующий слой «Черно-белый» поверх моего изображения на фоновом слое. На миниатюре предварительного просмотра маски слоя мы видим, что Photoshop применил выделение, которое я создал с помощью команды Color Range, к маске корректирующего слоя:

Недавно добавленный корректирующий слой Black & White.

Я пока оставлю для корректирующего слоя Black & White настройки по умолчанию, чтобы мы могли видеть, что благодаря способности команды Color Range выбирать розы на основе их цвета, я смог легко изолировать их от остальная часть изображения, чтобы они могли оставаться в цвете, а все остальное преобразовано в черно-белое:

Окончательный результат.

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

Обзор

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

В основе пакета лежат различные утилиты для вычислений с цветовыми пространствами (как следует из названия пакета). Таким образом, пакет помогает сопоставить различные трехмерные представления цвета друг с другом. Особенно важным является преобразование цветовой модели HCL (оттенок-цветность-яркость), основанной на восприятии и независимой от устройства, на стандартную цветовую схему красный-зеленый-синий (sRGB), которая является основой для цветовых спецификаций во многих системах на основе соответствующих шестнадцатеричные коды (например,g., в HTML, но также и в R). Для полноты картины в комплект входят и другие стандартные цветовые модели: polarLUV () (= HCL), LUV () , polarLAB () , LAB () , XYZ () , RGB () , sRGB () , HLS () , HSV () .

Пространство HCL (= полярные координаты в CIELUV) особенно полезно для определения отдельных цветов и цветовых палитр, поскольку его три оси очень хорошо совпадают с осями зрительной системы человека: оттенок (= тип цвета, доминирующая длина волны), цветность (= красочность). ), яркость (= яркость).

Цветовое пространство Пакет предоставляет три типа палитр на основе модели HCL:

• Качественный: Предназначен для кодирования категориальной информации, то есть там, где нет определенного порядка категорий, и каждый цвет должен иметь одинаковый вес восприятия. Функция: quality_hcl () .
• Последовательный: Предназначен для кодирования упорядоченной / числовой информации, т.е. когда цвета переходят от высокого к низкому (или наоборот).Функция: sequence_hcl () .
• Diverging: Предназначен для кодирования упорядоченной / числовой информации вокруг центрального нейтрального значения, то есть там, где цвета расходятся от нейтрального до двух крайних. Функция: diverging_hcl () .

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

Более подробные обзоры и примеры можно найти в статьях:

Выбор цветовой палитры на основе HCL

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

  библиотека («цветовое пространство»)
hcl_palettes (сюжет = ИСТИНА)  

Подходящий вектор цветов можно легко вычислить, указав желаемое количество цветов и имя палитры (см. График выше), e.г.,

  q4 <- quality_hcl (4, palette = "Dark 3")
4 квартал  

  ## [1] "# E16A86" "# 0" "# 00AD9A" "# 9183E6"  

Функции sequence_hcl () и diverging_hcl () работают аналогично. Кроме того, их параметры оттенка / цветности / яркости могут быть изменены, что позволяет легко настраивать каждую палитру. Кроме того, приложение choose_palette () / hclwizard () предоставляет удобный пользовательский интерфейс для интерактивной настройки палитры.Наконец, divergingx_hcl () предоставляет еще более гибкие расходящиеся палитры HCL.

Использование с базовой графикой

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

  график (журнал (EuStockMarkets), plot.type = "single", col = q4, lwd = 2)
легенда ("topleft", colnames (EuStockMarkets), col = q4, lwd = 3, bty = "n")  

В качестве еще одного примера последовательной палитры мы демонстрируем, как создать график позвоночника, отображающий долю выживших пассажиров Титаника по классам.Используется палитра Purples 3 , которая очень похожа на палитру ColorBrewer.org Purples . Здесь используются только два цвета: темно-фиолетовый и светло-серый.

  ttnc <- марж. Таблица (Титаник, c (1, 4))
spineplot (ttnc, col = sequence_hcl (2, palette = "Purples 3"))  

Использование с

ggplot2

Для обеспечения доступа к цветовым палитрам HCL из ggplot2 графики предусмотрены подходящие дискретные и / или непрерывные цветовые шкалы ggplot2 .Шкалы именуются по схеме scale_ _ _ () , где - это название эстетики ( заливка , цвет , цвет ), - это тип отображаемой переменной ( дискретный или непрерывный ), а устанавливает тип используемой цветовой шкалы ( качественный , последовательный , расходящийся , расходящийсяx ).

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

  библиотека ("ggplot2")
ggplot (iris, aes (x = Sepal.Length, fill = Species)) + geom_de density (альфа = 0,6) +
  scale_fill_discrete_qualitative (palette = "Dark 3")  

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

  dsamp <- алмазы [1 + 1: 1000 * 50,]
ggplot (dsamp, aes (карат, цена, цвет = огранка)) + geom_point () +
  scale_color_discrete_sequential (palette = "Purples 3", nmax = 6, order = 2: 6)  

Палитра визуализации и оценки

Цветовое пространство Пакет также предоставляет ряд функций, которые помогают визуализировать и оценивать его палитры.

• demoplot () может отображать палитру (с произвольным количеством цветов) в диапазоне типичных и несколько упрощенных статистических графиков.
• hclplot () преобразует цвета палитры в соответствующие координаты оттенка / цветности / яркости и отображает их в пространстве HCL со свернутым одним измерением. Свернутое измерение - это яркость для качественных палитр и оттенок для последовательных / расходящихся палитр.
• specplot () также преобразует цвета в координаты оттенка / цветности / яркости, но рисует результирующий спектр на линейном графике.

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

  демонстрационный участок (квартал 4, «планка»)
hclplot (q4)
specplot (q4, type = "o")  

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

Обратите также внимание на то, что на столбчатой ​​диаграмме области затенены (а не только точки или линии), поэтому более светлые цвета будут предпочтительнее. На графике плотности выше это было достигнуто за счет полупрозрачности. В качестве альтернативы яркость может быть увеличена, как это сделано в палитрах «Пастель 1» или «Набор 3» .

Затем для последовательной палитры «Purples 3» выполняются те же типы оценки, что и использованные выше.

  s9 <- sequence_hcl (9, "Purples 3")
demoplot (s9, "тепловая карта")
hclplot (s9)
specplot (s9, type = "o")  

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

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

цветовых палитр на основе HCL • цветовое пространство

Обзор

Как было указано в предыдущей статье (Цветовые пространства: классы и утилиты S4), пространство HCL особенно полезно для определения отдельных цветов и цветовых палитр, поскольку его три оси очень хорошо совпадают с осями зрительной системы человека.Таким образом, пакет цветового пространства предоставляет три типа палитр на основе модели HCL:

• Качественный: Предназначен для кодирования категориальной информации, то есть там, где нет определенного порядка категорий, и каждый цвет должен иметь одинаковый воспринимаемый вес.
• Последовательный: Предназначен для кодирования упорядоченной / числовой информации, т. Е. Перехода от высокого к низкому (или наоборот).
• Расхождение: Предназначен для кодирования упорядоченной / числовой информации вокруг центрального нейтрального значения, т.е.э., где цвета расходятся от нейтральных до двух крайностей.

Соответствующие функции: quality_hcl () , sequence_hcl () и diverging_hcl () . Их принципы построения проиллюстрированы на следующих цветных образцах и более подробно объяснены ниже. Ненасыщенные палитры ясно показывают, что различия в яркости (светлые и темные контрасты) имеют решающее значение для последовательных и расходящихся палитр, в то время как качественные палитры сбалансированы при одинаковой яркости.

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

Чтобы облегчить получение хороших наборов цветов, комбинации параметров HCL, дающие полезные палитры, доступны по имени. Их можно перечислить с помощью функции hcl_palettes () :

  ## палитры HCL
##
## Тип: Качественный
## Имена: Пастель 1, Темный 2, Темный 3, Набор 2, Набор 3, Теплый, Холодный, Гармонический, Динамический
##
## Тип: Последовательный (однотонный)
## Имена: серые, светло-серые, синие 2, синие 3, фиолетовые 2, фиолетовые 3, красные 2,
## Красные 3, Зеленые 2, Зеленые 3, Осло
##
## Тип: Последовательный (многоцветный)
## Имена: пурпурно-синий, красно-пурпурный, красно-синий, пурпурно-оранжевый, пурпурно-желтый,
## Сине-желтый, зеленый-желтый, красно-желтый, тепло, тепло 2, местность,
## Terrain 2, Viridis, Plasma, Inferno, Rocket, Mako, Dark Mint,
## Mint, BluGrn, Teal, TealGrn, Emrld, BluYl, ag_GrnYl, Peach,
## PinkYl, Burg, BurgYl, RedOr, OrYel, Purp, PurpOr, Sunset,
## Magenta, SunsetDark, ag_Sunset, BrwnYl, YlOrRd, YlOrBr, OrRd,
## Апельсины, YlGn, YlGnBu, Reds, RdPu, PuRd, Purples, PuBuGn, PuBu,
## Greens, BuGn, GnBu, BuPu, Blues, Lajolla, Turku, Hawaii, Batlow
##
## Тип: расходящиеся
## Имена: сине-красный, сине-красный 2, сине-красный 3, красный-зеленый, пурпурный-зеленый,
## Пурпурно-коричневый, зелено-коричневый, сине-желтый 2, сине-желтый 3,
## Зелено-оранжевый, Голубой-пурпурный, Тропик, Брок, Пробка, Вик, Берлин,
## Лиссабон, Тофино  

Чтобы проверить комбинации параметров HCL для конкретной палитры, просто включите имя палитры , где верхний- vs.строчные буквы, пробелы и т. д. игнорируются для сопоставления метки, например, "set2" соответствует "Set 2" :

  ## палитра HCL
## Название: Набор 2
## Тип: Качественный
## Диапазоны параметров:
## h2 h3 c1 c2 l1 l2 p1 p2 cmax fixup
## 0 NA 60 NA 70 NA NA NA NA TRUE  

Для вычисления фактических цветовых шестнадцатеричных кодов (представляющих координаты sRGB) можно использовать функции quality_hcl () , sequence_hcl () и diverging_hcl () соответственно.Либо все параметры могут быть указаны «вручную» с помощью параметров HCL, вся палитра может быть указана «по имени», либо спецификация на основе имени может быть изменена с помощью нескольких параметров HCL. В случае параметров HCL можно использовать либо векторную спецификацию, например h = c (0, 270) , либо отдельные параметры h2 = 0 и h3 = 270 .

Первые три из следующих команд приводят к эквивалентному результату. Четвертая команда дает измененный набор цветов (более светлый из-за яркости 80 вместо 70).

  ## [1] "# ED90A4" "# ABB150" "# 00C1B2" "# ACA2EC"  

  ## [1] "# ED90A4" "# ABB150" "# 00C1B2" "# ACA2EC"  

  ## [1] "# ED90A4" "# ABB150" "# 00C1B2" "# ACA2EC"  

  ## [1] "#FFACBF" "# C6CD70" "# 32DDCD" "# C7BEFF"  

Качественные палитры

quality_hcl () различает базовые категории по последовательности оттенков, сохраняя при этом постоянную цветность и яркость, чтобы придать каждому цвету в итоговой палитре одинаковый вес восприятия.Таким образом, h должен быть парой оттенков (или, что эквивалентно, можно использовать h2 и h3 ) с начальным и конечным оттенком палитры. Затем используется эквидистантная последовательность между этими оттенками, по умолчанию охватывающая весь цветовой круг (то есть полные 360 градусов). Цветность c (или эквивалентно c1 ) и яркость l (или эквивалентно l1 ) являются константами. Наконец, исправление указывает, следует ли исправлять цвета с координатами вне допустимого диапазона.

На следующем рисунке показаны доступные именованные палитры. Первые пять палитр близки к одноименным палитрам ColorBrewer.org (Harrower and Brewer 2003). Они используют разные уровни цветности и яркости и по умолчанию охватывают весь диапазон оттенков. Остальные четыре палитры взяты из Ihaka (2003). Они основаны на одной и той же цветности (50) и яркости (70), но оттенок ограничен разными интервалами.

Когда палитры используются для затенения областей на статистических дисплеях (например,g., на гистограммах, круговых диаграммах или регионах на картах) более светлые цвета (с умеренной цветностью и высокой яркостью), такие как «Пастель 1» или «Набор 3», обычно меньше отвлекают. Напротив, при раскрашивании точек или линий часто требуются более яркие цвета (с высокой цветностью): на белом фоне умеренная яркость, как в «Темном 2» или «Темном 3», обычно работает лучше, тогда как на черном / темном фоне цвет яркость должна быть выше, например, как в «Наборе 2».

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

sequence_hcl () кодирует базовые числовые значения монотонной последовательностью увеличения (или уменьшения) яркости.Таким образом, аргумент функции l должен обеспечивать вектор длины 2 с начальной и конечной яркостью (эквивалентно l1 и l2 ). Без цветности (т. Е. c = 0 ) это просто соответствует палитре оттенков серого, такой как gray.colors () , см. «Серый» и «Светло-серый» ниже.

Для добавления цветности простейшей стратегией было бы выбрать один оттенок (через h или h2 ), а затем уменьшить цветность с некоторого значения ( c или c1 ) до нуля (т.е.е., серый) вместе с увеличением яркости. Это уже очень эффективно для выделения крайностей (темный цвет с высокой насыщенностью по сравнению со светло-серым), см. «Блюз 2» , «Пурпурные 2» , «Красные 2» и «Зеленые». 2 ".

Для различения цветов в середине могут использоваться две стратегии: (a) Оттенок также можно изменять, задав интервал оттенков в h (или начальный оттенок h2 и конечный оттенок h3 ). Более подробная информация представлена ​​в следующем разделе.(b) Вместо убывающей цветности может использоваться треугольная траектория цветности от c1 на cmax до c2 (эквивалентно определенному как вектор c длины 3). Это дает цвета с высоким уровнем насыщенности в середине палитры, которые легче отличить от темных и светлых крайностей. См. Разделы «Синие 3», «Фиолетовые 3», «Красные 3» и «Зеленые 3» ниже.

Вместо использования линейных траекторий в координатах цветности или яркости некоторые палитры используют преобразование мощности траектории цветности и / или яркости.Можно указать либо вектор мощности длины 2, либо отдельные p1 (для цветности) и p2 (для яркости). Если последний отсутствует, по умолчанию используется первое.

Все, кроме последнего, вдохновлены палитрами ColorBrewer.org с тем же базовым именем (Harrower and Brewer 2003), но ограничены только одним оттенком. Они предназначены для белого / светлого фона. Последняя палитра (Осло) взята из научных цветовых карт Крамери (2018) и предназначена для черного / темного фона, и, следовательно, порядок обратный, начиная со светло-синего (не светло-серого).

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

Последовательные палитры (многоцветные)

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

sequence_hcl () позволяет комбинировать вариации оттенка ( h и h2 / h3 , соответственно), цветности ( c и c1 / c2 / cmax (соответственно), яркости l и l1 / l2 соответственно), а также преобразования мощности для траекторий цветности и яркости ( мощность и p1 / p2 , соответственно).Это дает широкий спектр последовательных палитр, в том числе многие из них, которые близко соответствуют другим хорошо известным цветовым палитрам. На приведенном ниже графике показаны все названные последовательные палитры с несколькими оттенками в цветовом пространстве :

.

• «Пурпурно-синий» - «Ландшафт 2» - это различные палитры, созданные во время разработки цветового пространства , например, Zeileis, Hornik и Murrell (2009) или Stauffer et al. (2015) среди других.
• «Viridis» - «Inferno» полностью соответствуют палитрам, которые Смит и Ван дер Уолт (2015) разработали для matplotlib и которые недавно приобрели популярность.
От оттенков
• «Dark Mint» до «BrwnYl» точно соответствуют палитры, представленные в CARTO (CARTO 2019).
Палитры от
• «YlOrRd» до «Blues» полностью совпадают с палитрами ColorBrewer.org (Harrower and Brewer 2003).
• «Lajolla» - «Batlow» полностью соответствуют одноименным научным цветным картам Крамери (2018), а первые две из них предназначены для черного / темного фона.

Обратите внимание, что палитры существенно различаются по величине контрастов цветности и яркости.Например, многие палитры переходят от темного цвета с высокой насыщенностью к нейтральному цвету с низким уровнем насыщенности (например, «Красный», «Пурпурный», «Зеленый», «Синий») или даже к светло-серому (например, «Пурпурно-синий»). »). Но в некоторых палитрах также используется относительно высокая насыщенность цвета по всей палитре (например, viridis и многие палитры CARTO ). Чтобы подчеркнуть крайности, первая стратегия обычно более подходит, в то время как вторая работает лучше, если все значения в последовательности должны получить некоторый больший перцепционный вес.

Расходящиеся палитры

diverging_hcl () кодирует базовые числовые значения треугольной последовательностью яркости с разными оттенками в левом и правом «плечах» палитры.Таким образом, это можно рассматривать как комбинацию двух последовательных палитр с некоторыми ограничениями: (а) один оттенок используется для каждого плеча палитры, (б) цветность и траектория яркости сбалансированы между двумя плечами, (в) нейтральное центральное значение имеет нулевую цветность. Чтобы указать такую ​​палитру, вектор из двух оттенков h (или эквивалентно h2 и h3 ), либо одно значение цветности c (или c1 ), либо вектор двух значений цветности c ( или c1 и cmax ), используется вектор из двух яркостей l (или l1 и l2 ) и параметры мощности power (или p1 и p2 ). .Для более гибких расходящихся палитр без указанных выше ограничений (и, следовательно, большего количества параметров) см. Палитры divergingx_hcl () , представленные ниже.

На графике ниже показаны все такие расходящиеся палитры, названные в цветовом пространстве :

• «Сине-красный» - «Голубой-пурпурный» были разработаны для цветового пространства , начиная с Zeileis, Hornik и Murrell (2009), черпая вдохновение из различных других палитр, включая более сбалансированные и упрощенные версии нескольких ColorBrewer.org палитры (Харроуэр и Брюэр, 2003).
• «Тропик» полностью соответствует одноименной палитре из CARTO (CARTO 2019).
• От «Broc» до «Vik» и от «Berlin» до «Tofino» точно соответствуют одноименным научным цветным картам Крамери (2018), где первые три предназначены для белого / светлого фона, а остальные три - для черный / темный фон.

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

Детали конструкции

Три различных типа палитр ( качественный , последовательный и расходящийся ) все построены путем комбинирования трех разных типов траекторий ( постоянная , линейная , треугольная ) для трех разных координат ( оттенок H , цветность C , яркость L ):

Качественный	линейный	Константа	Константа
Последовательный	Постоянный (один оттенок) или Линейный (многоцветный)	Линейный (+ мощность) или Треугольный (+ мощность)	Линейная (+ мощность)
расходится	Константа (2x)	Линейный (+ мощность) или Треугольный (+ мощность)	Линейная (+ мощность)

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

Траектории оттенка также довольно интуитивно понятны и просты для трех различных типов палитр. Однако траектории цветности, вероятно, самые сложные и наименее очевидные из приведенных выше примеров. Следовательно, точные математические уравнения, лежащие в основе траекторий цветности, приведены в следующем (т.е., используя параметры c1 , c2 , cmax и p1 соответственно). Аналогичные уравнения применимы к двум другим координатам.

Траектории являются функциями интенсивности \ (i \ in [0, 1] \), где \ (1 \) соответствует полной интенсивности:

\ [ \ begin {align *} \ text {Константа:} & c_1 \\ [0,2 см] \ text {Linear:} & c_2 - (c_2 - c_1) \ cdot i \\ [0,2 см] \ text {Треугольная:} & \ left \ {\ begin {array} {lcl} c_2 - (c_2 - c_ \ max) \ cdot \ frac {i} {j} & \ text {if} i & \ le j \\ c_ \ max - (c_ \ max - c_1) \ cdot \ frac {i - j} {1 - j} & &> j \ end {array} \ right.{p_1} \) в приведенных выше уравнениях. Затем это приводит к кривым с преобразованием мощности, которые добавляют или удаляют цветность медленнее или быстрее в зависимости от того, равен ли параметр мощности \ (p_1 \) \ (<1 \) или \ (> 1 \).

Три типа траекторий также изображены ниже. Обратите внимание, что полная интенсивность \ (i = 1 \) находится слева, а нулевая интенсивность \ (i = 0 \) находится справа от каждой панели.

Конкретные параметры на графике выше:

• Константа: c1 = 80 .
• Линейный: c1 = 80 , c2 = 10 , p1 = 1 (сплошной) vs. p1 = 1,6 (пунктирный).
• Треугольный: c1 = 60 , cmax = 80 , c2 = 10 , p1 = 1 (сплошной) vs. p1 = 1,6 (пунктирный).

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

Регистрация ваших собственных палитр

hcl_palettes () уже поставляется с широким набором предопределенных палитр, в которые можно легко добавить настройки.Однако также может быть удобно зарегистрировать настраиваемую палитру, чтобы впоследствии ее можно было повторно использовать с новым выделенным именем. Это поддерживается путем добавления аргумента register один раз к вызову quality_hcl () , sequence_hcl () или diverging_hcl () :

Затем новая палитра включается в hcl_palettes () :

  ## палитры HCL
##
## Тип: Качественный
## Имена: Пастель 1, Темный 2, Темный 3, Набор 2, Набор 3, Теплый, Холодный, Гармонический, Динамический,
## myset  

Палитра может быть впоследствии использована в quality_hcl () , а также в качественных цветовых шкалах ggplot2, например.г.,

  ## [1] "#FFACBF" "# C6CD70" "# 32DDCD" "# C7BEFF"  

Замечания:

• Количество цветов в палитре, которое использовалось во время регистрации, на самом деле не сохраняется и может быть впоследствии изменено. То же самое относится к аргументам alpha и rev .
• При регистрации новой палитры с ранее использованным именем старая палитра перезаписывается. Мы рекомендуем не перезаписывать палитры, которые предопределены в пакете (хотя это технически возможно).
• Регистрация палитры сохраняется только для текущего сеанса. При перезапуске R и / или перезагрузке пакета цветового пространства доступны только предопределенные палитры из пакета. Таким образом, чтобы сделать палитру постоянно доступной, регистрационный код R, например colorspace :: quality_hcl (3, palette = "set2", l = 80, register = "myset") , может быть помещен в ваш .Rprofile или аналогичный запуск скрипты.

Гибкие расходящиеся палитры

Функция divergingx_hcl () обеспечивает более гибкие расходящиеся палитры, просто дважды вызывая sequence_hcl () с заранее заданными наборами параметров оттенка, цветности и яркости.Таким образом, это не налагает никаких ограничений на то, что два «плеча» палитры должны быть сбалансированы, а также могут иметь не серый нейтральный цвет (обычно светло-желтый). Следовательно, тракты цветности / яркости могут быть довольно несбалансированными.

На графике ниже показаны все такие гибкие расходящиеся палитры, названные в цветовом пространстве :

• «ArmyRose» - «Tropic» полностью соответствуют одноименной палитре из CARTO (CARTO 2019).
Палитры от
• «PuOr» до «Spectral» полностью соответствуют одноименной палитре из ColorBrewer.org (Харроуэр и Брюэр, 2003).
• «Zissou 1» полностью соответствует одноименной палитре из wesanderson (Ram and Wickham 2018).
• «Cividis» полностью соответствует одноименной палитре из семейства viridis (Garnier 2018). Обратите внимание, что, несмотря на наличие двух «плеч» с синим и желтым цветами и центрального цвета с низким уровнем цветности, это, вероятно, лучше классифицировать как последовательную палитру из-за монотонности цветности, переходящей от темного к светлому. (См. Дополнительные сведения в разделе «Приближение палитр из других пакетов».)
• «Рома» полностью соответствует одноименной палитре Crameri (2018).

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

Цветовые палитры HCL (и HSV), соответствующие базовым палитрам R

Чтобы упростить переключение с базовых функций палитры R на палитры на основе HCL, указанные выше, цветовое пространство предоставляет несколько удобных интерфейсов:

Между тем, база R также приняла палитры на основе HCL из цветового пространства в функцию hcl.цвета () в gr Устройства (Zeileis and Murrell 2019). Это обеспечивает все именованные палитры, представленные в цветовом пространстве (с теми же именами), но без гибкости для изменения или адаптации существующих палитр.

Более того, пакет grDevices в базе R получил новую функцию palette.colors () (Zeileis et al. 2019), которая предоставляет различные хорошо зарекомендовавшие себя качественные цветовые палитры, которые не могут быть хорошо аппроксимированы с помощью quality_hcl () из-за выраженных вариаций яркости и цветности.Хотя качественная палитра с фиксированной яркостью и цветностью более сбалансирована, может потребоваться определенное количество вариаций этих свойств, чтобы сделать больше цветов различимым, особенно для зрителей с недостатками цветового зрения.

Список литературы

Штауфер, Рето, Георг Майр, Маркус Даберниг и Ахим Цейлейс. 2015. «Где-то за радугой: как эффективно использовать цвета в метеорологической визуализации». Бюллетень Американского метеорологического общества 96 (2): 203–16.https://doi.org/10.1175/BAMS-D-13-00155.1.

Зейлейс, Ахим, Курт Хорник и Пол Мюррелл. 2009. «Избегая RGBland: выбор цветов для статистической графики». Вычислительная статистика и анализ данных 53: 3259–70. https://doi.org/10.1016/j.csda.2008.11.033.

цветов в R - Easy Guides - Wiki

В R , цветов можно указать либо по имени (например, col = «красный» ), либо как шестнадцатеричный триплет RGB (например, col = «# FFCC00» ).Вы также можете использовать другие системы color , например, взятые из пакета RColorBrewer .

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

  # Сгенерируйте график названий цветов, о которых знает R.
# ++++++++++++++++++++++++++++++++++++++++++++
# cl: вектор цветов для графиков
# bg: предыстория сюжета
# rot: угол поворота текста
# usage = showCols (bg = "gray33")
showCols  

Названия первых шестидесяти цветов показаны в следующей таблице:

  # Первые шестьдесят названий цветов
showCols (bg = "gray20", cl = colors () [1:60], rot = 30, cex = 0.9)
# Штриховая диаграмма с использованием названий цветов
barplot (c (2,5), col = c ("шартрез", "blue4"))  

Чтобы просмотреть все встроенные названия цветов, о которых знает R (n = 657), используйте следующий код R :

  showCols (cl = colors (), bg = "gray33", rot = 30, cex = 0,75)  

Цвета можно указать с помощью шестнадцатеричного цветового кода, например «# FFC00»

(Источник: http://www.visibone.com)

  # Штриховая диаграмма с использованием шестнадцатеричного цветового кода
barplot (c (2,5), col = c ("# 009999", "# 0000FF"))  

Вам необходимо установить пакет RColorBrewer следующим образом:

  установить.пакеты ("RColorBrewer")  

Пакет RColorBrewer создает красивые цветовые палитры.

Цветовые палитры, связанные с пакетом RColorBrewer , можно нарисовать с помощью функции display.brewer.all () R следующим образом:

 Библиотека  ("RColorBrewer")
display.brewer.all ()  

Существует 3 типа палитр : последовательные, расходящиеся и качественные.

1. Последовательные палитры подходят для упорядоченных данных, переходящих от низкого к высокому (градиент).Названия палитр: Blues, BuGn, BuPu, GnBu, Greens, Grays, Oranges, OrRd, PuBu, PuBuGn, PuRd, Purples, RdPu, Reds, YlGn, YlGnBu YlOrBr, YlOrRd.
2. Расходящиеся палитры уделяют одинаковое внимание средним критическим значениям и крайним значениям на обоих концах диапазона данных. Различающиеся палитры: BrBG, PiYG, PRGn, PuOr, RdBu, RdGy, RdYlBu, RdYlGn, Spectral
.
3. Качественные палитры лучше всего подходят для представления номинальных или категориальных данных. Они не подразумевают существенных различий между группами.Названия палитр: Accent, Dark2, Paired, Pastel1, Pastel2, Set1, Set2, Set3
.

Вы также можете просмотреть отдельную палитру RColorBrewer, указав ее имя следующим образом:

  # Просмотреть отдельную палитру RColorBrewer, указав ее имя
display.brewer.pal (n = 8, name = 'RdBu')  

  # Шестнадцатеричная спецификация цвета
brewer.pal (n = 8, name = "RdBu")  

  ## [1] "# B2182B" "# D6604D" "# F4A582" "# FDDBC7" "# D1E5F0" "# 92C5DE" "# 4393C3" "# 2166AC"  

  # Штриховой график с использованием RColorBrewer
barplot (c (2,5,7), col = пивовар.приятель (n = 3, name = "RdBu"))  

  Этот анализ был проведен с использованием R (версия 3.1.0).  

Понравилась эта статья? Буду очень признателен, если вы поможете ему распространиться, отправив его другу по электронной почте или поделившись им в Twitter, Facebook или Linked In.

Покажи мне немного любви с кнопками «Нравится» ниже ... Спасибо и, пожалуйста, не забудь поделиться и прокомментировать ниже !!

Avez vous aimé cet article? Je vous serais très recnaissant si vous aidiez à sa diffusion en l'envoyant par courriel à un ami or lepartageant на Twitter, Facebook или Linked In.

Montrez-moi un peu d'amour avec les like ci-dessous ... Merci et n'oubliez pas, s'il vous plaît, departager et de commenter ci-dessous!

Цветовые схемы — ArcGIS Pro | Документация

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

ArcGIS Pro различает пять типов цветовых схем. В дополнение к непрерывным и дискретным, цветовые схемы также могут быть случайными, в которых множество цветов, находящихся между двумя определенными цветами в цветовом пространстве HSV, составляют схему в случайном порядке. Различные типы цветовых схем можно комбинировать для создания сложных наборов цветов, которые называются составными цветовыми схемами. Вы также можете хранить цветовые схемы в стилях для повторного использования или обмена. ArcGIS Pro включает свои цветовые схемы по умолчанию в цветовых моделях RGB и CMYK.

Подробнее о стилях.

Вы можете изменять или создавать собственные цветовые схемы в редакторе цветовых схем, расположенном на панели «Символы». Дополнительные сведения см. В разделе Работа с цветовыми схемами.

Наследие:

Цветовые схемы называются цветовыми рамками в ArcMap, ArcScene и ArcGlobe.

Сплошные цветовые схемы

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

Сегменты между остановками цвета также определяют внешний вид цветовое решение. Сегменты цветовой схемы имеют два свойства: Алгоритм определяет путь, пройденный через цветовое пространство между два стоп-цвета (HSV или CIE Lab), а полярное направление определяет направление, в котором проходит цветовое колесо для вариации оттенка (кратчайший или самый длинный путь).

Алгоритмы цветового пространства

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

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

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

• Алгоритм CIELab смешивает два цвета без пересечения промежуточного цветового пространства, что приводит к более плавному прогрессия от цвета 1 к цвету 2, чем алгоритм HSV производит.Во многих случаях это дает плавную схему между двумя цветами, но промежуточные значения цвета могут быть серым (низкая насыщенность), если есть большая разница между двумя цветами. Полярное направление недоступно для CIELab сегменты, поскольку этот алгоритм всегда следует прямым путем в цветовом пространстве.

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

Дискретные цветовые схемы

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

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

Случайные цветовые схемы не содержат остановки цвета, сегменты или блоки.Они определены исключительно по минимальному и максимальному цвету HSV. Схема составлена ​​из дискретных оттенков. которые генерируются случайным образом, так что их настройки H (оттенок), S (насыщенность) и V (значение) находятся между значения H, S и V минимального и максимального цветов, соответственно. Единое значение прозрачности применяется ко всему схема.

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

Хотя ArcGIS Pro объявляет каждое значение HSV случайным, два или более цвета могут выглядеть очень похожими. Обычно неподготовленный человеческий глаз может различить до восьми разных оттенков одного цвета. При обозначении больших наборов данных случайными цветовыми схемами цвета с аналогичными значениями HSV, вероятно, будут неразличимы. Эффект может быть преувеличен, если цвета напечатаны или минимальные или максимальные значения цвета изменены в редакторе цветовой схемы.

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

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

Двумерные цветовые схемы

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

Связанные темы

---

Отзыв по этой теме?

Добавить или изменить цвет фона ячеек

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

1. Выберите ячейки, которые хотите выделить.

   Советы:

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

2. Щелкните Home > стрелку рядом с Fill Color или нажмите Alt + H, H.

3. В разделе Цвета темы или Стандартные цвета выберите нужный цвет.

   Чтобы использовать собственный цвет, щелкните Другие цвета , а затем в диалоговом окне Цвета выберите нужный цвет.

   Совет: Чтобы применить последний выбранный цвет, вы можете просто щелкнуть Цвет заливки .Вы также найдете до 10 последних выбранных пользовательских цветов в разделе Последние цвета .

Применение узора или эффектов заливки

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

1. Выберите ячейку или диапазон ячеек, которые нужно отформатировать.

2. Щелкните Home > Форматирование ячеек диалоговое окно запуска или нажмите Ctrl + Shift + F.

3. На вкладке Заливка в разделе Цвет фона выберите нужный цвет.

4. Чтобы использовать узор с двумя цветами, выберите цвет в поле Цвет узора , а затем выберите узор в поле Стиль узора .

   Чтобы использовать узор со специальными эффектами, щелкните Эффекты заливки и выберите нужные параметры.

   Совет: В поле Sample вы можете предварительно просмотреть выбранные вами фон, узор и эффекты заливки.

Удалить цвета, узоры или эффекты заливки ячеек

Чтобы удалить любые цвета фона, узоры или эффекты заливки из ячеек, просто выберите ячейки.Затем щелкните Home > стрелку рядом с Цвет заливки и выберите Без заливки .

Печатать цвета ячеек, узоры или эффекты заливки в цвете

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

1. Щелкните Макет страницы > Параметры страницы средство запуска диалогового окна.

2. На вкладке Лист в разделе Печать снимите флажки Черно-белое и Черновое качество .

Примечание: Если вы не видите цвета на листе, возможно, вы работаете в режиме высокой контрастности. Если вы не видите цвета при предварительном просмотре перед печатью, возможно, у вас не выбран цветной принтер.

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

1. Выберите ячейку или диапазон ячеек, для которых вы хотите добавить цвет заливки.

2. На вкладке Home щелкните Fill Color и выберите нужный цвет.

Примечание. Эффекты заливки узором для цветов фона недоступны для Excel в Интернете. Если вы примените что-либо из Excel на рабочем столе, оно не появится в браузере.

Удалить цвет заливки

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

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

Выбор цветовой палитры для научных деятелей - Plante - 2020 - Исследования и практика в области тромбоза и гемостаза

1 ВВЕДЕНИЕ

Здесь, по адресу Research and Practice in Thrombosis and Haemostasis (RPTH), мы подчеркиваем использование изображений, включая цвет, для рассказа истории науки.1 Основным преимуществом публикации с открытым доступом является то, что она позволяет читателям быстро и бесплатно получить доступ ко всей информации. статьи, а не просто аннотации, а все остальное скрыто за платным доступом.Мы обнаруживаем, что чаще всего перескакиваем прямо к цифрам, когда пытаемся понять критические моменты рукописи. Преимуществом электронного журнала является возможность включать цветные рисунки без обременения платой за публикацию цветных материалов. Хороший дизайн фигур может облегчить интерпретацию исследования; Оптимизация выбора цвета приводит к получению более точных цифр и может помочь улучшить читаемость. Одна простая стратегия выбора цвета - использовать один цвет (например, синий) и сочетать его с разными образцами этого цвета (например, темно-синим и небесно-голубым).Альтернативный подход - воспользоваться практикой графического дизайна и выбрать несколько связанных цветов из всего спектра. Здесь мы предлагаем практические рекомендации по выбору нескольких цветовых палитр для использования в рисунках.

2 ВКЛЮЧЕНИЕ ТЕОРИИ ЦВЕТА В ВЫБОР ЦВЕТОВ

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

2.1 Красный зеленый синий аддитивная цветовая модель

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

2.2 Триплетное и шестнадцатеричное красно-зелено-синее обозначение

Обозначение

RGB определяет количество красного, зеленого и синего, которое необходимо смешать при рендеринге определенного цвета, и допускает 16,8 миллионов возможных цветов. Числовое обозначение триплета выражает каждый возможный цвет, определяя относительный вклад каждого основного цвета в диапазоне от 0 (отсутствие цвета) до 255 (полный цвет).Например, красный - «255, 0, 0», желтый - «0, 255, 0», синий - «0, 0, 255», белый - «255, 255, 255» и черный - «0, 0». , 0. ” Это также можно выразить в шестнадцатеричном формате. Этот код с основанием 16 (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E и F), состоящий из 6 символов, обычно следует за начальным символом решетки. . Из-за свойств с основанием 16 шестнадцатеричное число 255 с основанием 10 обозначается как FF. Красный, синий и зеленый составляют по два последовательных символа. Из-за этого красный - «# FF0000», зеленый - «# 00FF00», синий - «# 0000FF», белый - «#FFFFFF», а черный - «# 000000».«В современных графических программах при выборе отдельных цветов используются тройные или шестнадцатеричные варианты.

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

В отличие от аддитивных моделей, субтрактивные цветовые модели рассматривают смешанные цвета как более темные. Вы можете встретить 2 распространенные субтрактивные цветовые модели, и мы представляем их здесь, чтобы избежать путаницы. Во-первых, цветовая модель красно-желто-синего (RYB) рассматривает желтый как основной цвет, а не зеленый.Модель RYB обычно используется в дошкольном образовании, поэтому школьники узнают, что зеленый - это комбинация синего и желтого, фиолетовый - это комбинация синего и красного, а оранжевый - это комбинация красного и желтого. Обозначение RYB идентично обозначению RGB, но коды не могут использоваться взаимозаменяемо. Во-вторых, в печатных СМИ используется цветовая модель голубой пурпурно-желтый черный (CMYK). Он определяет 4 основных цвета и имеет четверную запись (например, голубой - «255, 0, 0, 0»).

2.4 Цветовое колесо RGB

Цветовые круги используются для понимания взаимосвязи цветов друг с другом и могут помочь в выборе цветовых палитр. На рисунке 1 изображено упрощенное 12-цветное цветовое колесо RGB и обозначение RGB для каждого цвета. 3 основных цвета обозначены точками внутреннего треугольника. К каждому цвету примыкают тройное и шестнадцатеричное обозначение.

Колесо из 12 цветов: красный, зеленый, синий (RGB) плюс обозначение RGB для отдельных цветов

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

Цветовые комбинации

Дополнительные цвета - это 2 цвета, расположенные напротив друг друга на цветовом круге (например, A и G). Аналогичные цвета соседствуют друг с другом (например, A, B и C). Триадные цвета - это 3 цвета, которые равномерно разнесены (например, A, E и I), и квадратных цвета - это 4 равномерно расположенных цвета (например, A, D, G и J). Разделенные дополнительные цвета - это 2 цвета, смежные с дополнительным цветом (например, H, A и C). Двойные дополнительные цвета или тетрад - это два отдельных дополнительных соответствия цвета на цветовом круге (например, A, G, C и I).

Цветовой круг только с 12 цветами предоставляет ограниченные возможности.Мы предлагаем авторам использовать онлайн-цветовое колесо, включающее все возможные цвета RGB, при разработке палитры для фигур. Существует множество онлайн-инструментов; нам нравится приложение Color Supply (https://colorsupplyyy.com/app), Sessions College for Professional Design Color Calculator (https://www.sessions.edu/color-calculator/) и Цветовое колесо Rapid Tables (https: //www.rapidtables.com/web/color/color-wheel.html).

3 ВЫБОР ЦВЕТА БЕЗ ЦВЕТОВОГО КОЛЕСА

3.1 Палитра RPTH

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

Таблица 1. Палитра исследований и практики в области тромбоза и гемостаза

Название цвета	Цвет	Триплет RGB	Шестнадцатеричный RGB
RPTH Синий		(0, 45, 106)	# 003366
RPTH Красный		(227, 27, 35)	# E31B23
RPTH Средний синий		(0, 92, 171)	# 005CAB
RPTH Голубой		(220, 238, 243)	# DCEEF3
RPTH Акцентный желтый		(255, 195, 37)	# FFC325
RPTH Серый холодный		(230, 241, 238)	# E6F1EE

3.2 Выбор цвета картографии

Картографы сталкиваются с аналогичными проблемами при выборе цветов для смежных областей. ColorBrewer - популярный веб-сайт с инструкциями по выбору цвета для картографов (http://colorbrewer2.org/). Мы считаем, что этот веб-сайт интуитивно понятен и прост в использовании при выборе цветовых палитр для использования в научных цифрах.

4 УКАЗАНИЯ ЦВЕТОВ В ГРАФИЧЕСКОМ ПРОГРАММНОМ ОБЕСПЕЧЕНИИ

Современные графические программы позволяют выбирать цвет с использованием нотации RGB.Примеры включены в Таблицу 2.

Таблица 2. Выбор цветов в программе для создания фигур

Программа	Обозначение RGB	Как очертить	Пример
Stata	Триада	Заключить триаду в кавычки без запятых	… fcolor («255 0 0»)
SAS	Шестнадцатеричный	Введите шестнадцатеричный код со знаком «cx» и без знака фунта	… цвет = cxFF0000
R (ggplot2)	Шестнадцатеричный	Используйте знак фунта в начале и цитаты	… fill = «# FF0000»
Microsoft Excel, PowerPoint, Word	Триада	При выборе цвета выберите «Другие цвета» → «Пользовательский»; затем введите значения для триады RGB в текстовые поля

5 ДОСТУПНОСТЬ ДЛЯ COLORBLIND

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

Один из подходов к этому - создание фигур, не зависящих от цвета, только для разграничения групп. Разумное использование надписей, различных узоров заливки или различных узоров контуров фигур может помочь разграничить группы. Например, для линейных графиков полезно использовать 1 сплошную и 1 пунктирную линию, даже если они разного цвета. Другое решение - выбрать цвета с совершенно разными уровнями яркости, чтобы увеличить контраст.Например, красный и синий цвета RPTH имеют одинаковую степень яркости и, следовательно, очень низкий контраст (рис. 3). RPTH Medium Blue и Light Blue сильно различаются по светлоте и имеют широкий контраст. Эти последние цвета можно отличить друг от друга независимо от типа дальтонизма, поскольку это легко увидеть при визуализации (или распечатке) рисунка в оттенках серого. Онлайн-инструменты могут помочь определить сочетания цветов с высокой контрастностью. Нам нравится веб-доступность в Mind's Contrast Checker (https: // webaim.org / resources / Contrastchecker /) и средство проверки контрастности Acart (https://contrastchecker.com/). ColorBrewer (http://colorbrewer2.org/) упрощает выбор цветов с помощью встроенной опции «Colorblind Safe».

Контрастные схемы низкой и высокой яркости

6 ЗАКЛЮЧЕНИЕ

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

Цветовая палитра Использование на рисунках

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

.