|
|
Roomcolor — онлайн-инструмент подбора цвета стен
Рекламный банер верхний
Подберите цвет вашей комнаты!
Если вы решили покрасить стены в вашей комнате, с помощью бесплатного онлайн-сервиса roomcolor. net вы сможете увидеть, как будет выглядеть тот или иной цвет в интерьере.
На сайте доступны наиболее популярные палитры (каталоги цветов), по которым осуществляется компьютерная колеровка в магазинах.
Как пользоваться
- 1Выберите палитру
- 2 Выберите комнату (спальня, кухня и т. д.)
- 3Выберите цвет (прямоугольник)
- 4Нажмите на стену
- Используйте семейства цветов (кружки) для более удобного перемещения к желаемому оттенку.
- Если вы уже знаете номер цвета, можете найти его через строку поиска.
- Вы можете поделиться результатом через мессенджеры.
Важная информация:
-
Все цвета доступных палитр соответствуют цветам на официальных веб-сайтах производителей.
Но следует учитывать, что восприятие цвета на экране и в реальности может отличаться. Поэтому рекомендуется сверять выбранные оттенки с веером в магазине, и, при необходимости, делать пробные выкрасы.
- На восприятие цвета финишного покрытия влияет множество факторов. Среди основных можно выделить такие, как степень блеска краски (чем более глянцевое финишное покрытие, тем более насыщенным выглядит цвет), степень освещенности поверхности, источник света (солнечный свет или искусственное освещение), фактура поверхности. Также, при использовании данного сайта, вы можете заметить, что один и тот же цвет в разных комнатах выглядит немного по-разному. Это происходит потому, что в разных комнатах – разная степень освещения и разные источники света.
{{ getColorName(getWallColors[index], index, ‘Нет цвета’ ). colorName}}
Рекламный банер правый — 160×600 Широкий небоскреб
Используя наш сайт, вы соглашаетесь с использованием файлов cookie и сервисов сбора технических данных посетителей (IP-адресов, местоположения и др.) для обеспечения работоспособности и улучшения качества обслуживания.Рекламный банер нижний
4 лучших онлайн инструмента — Блог о визуальной грамотности
Цвет широко используется в дизайне, — он позволяет «оживить» содержание — создать смысловую связь элементов, наполнить работу эмоциями и настроением. Начинающие дизайнеры берут случайные цвета, но есть способы использовать цвет более осмысленно. Рассмотрим 4 таких способа, организованных по принципу от простого к сложному.
1.
Использовать известную гамму
На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.
Цветовые палитры, используемые известными брендами, на сайте brandcolors.net2. Выбрать готовую профессиональную палитру
Самый простой способ — взять готовое сочетание цветов. Не обязательно каждый раз изобретать велосипед, ведь гармоничные сочетания известны давно. Зайдите на colordrop.io и выбирайте. На сайте сотни профессиональных 4-цветных палитр. Выбрав нужную, нажмите и скопируйте коды цветов с панели, открывшейся справа.
Выбор цвета на colordrop.ioКроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.
3. Определить палитру цветов понравившейся фотографии или картинки
Этот способ чуть сложнее. Но и эффектнее.
- На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
- Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
- Сервис определит сочетание цветов (внизу под загруженной картинкой).
- Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
- Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
- Кнопка «Auto» генерирует новые сочетания на основе того же фото.
- Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.
Главная страница сайта не менее функциональна. Здесь можно подобрать оттенки отдельных цветов или собрать новую палитру, заменив отдельные цвета.
4. Создать свою цветовую гамму онлайн
Загрузив фото на тот же сайт coolors.co, можно не только определить код цвета, но и создать собственные сочетания. Для этого нажмите пробел — сервис автоматически создает сочетание из 5-ти цветов.
На каждом цвете 4 значка-кнопки:
- Alternative shades — Оттенки цвета (темнее и светлее),
- Drag (Передвинуть цвет вправо или влево по палитре),
- Adjust (Настроить тон, насыщенность, яркость и др.),
- Lock (зафиксировать цвет).
Собранную таким образом палитру можно сохранить в pdf, png файлах, отправить ссылкой и др.
Поделиться ссылкой:
Понравилось это:
Нравится Загрузка. ..
Похожее
Красивые и гармоничные сочетания цветов: палитры / Школа Шопинга
В гардеробе все начинается с цвета. Именно цвет отражает ваше настроение, ваши предпочтения, ваш стиль, в конце концов.
Кто-то носит только черное, белое и серое. И часто потому что это самая безопасная схема. Потому что, чтобы носить цветную одежду, для начала нужно понимать, как эти цвета сочетать. А в идеале – чтобы в гардеробе все вещи (цветные) сочетались между собой. А не как это часто бывает: этот джемпер сочетается только с вон той юбкой, а этот пиджак, только с теми джинсами.
И начинается извечный квест под названием «докупить еще одни туфли, чтобы носить платье (или подставьте своё слово)».
Увы, это самый частый сценарий, но и у него может быть счастливый конец!
Что нужно, чтобы все вещи в гардеробе сочетались между собой? Нужна капсульность. А что такое капсульность? Это когда вещи сочетаются по стилю и ЦВЕТУ.
Когда в онлайн-школе на Базовом курсе мы учимся создавать те самые капсульные гардеробы-конструкторы, мы всегда начинаем с изучения цветов.
Вот, например, как выглядит гардероб-конструктор ученицы онлайн-школы, где всё сочетается. Слева на картинке – цветовая палитра, на основе которой он составлен.
ЧТО ТАКОЕ ЦВЕТОВАЯ ПАЛИТРА?
Скажу сразу, с пресловутым «цветопипом» палитра никак не связана. То, что я думаю о разного рода типированиях, можете почитать в этой статье. Если коротко – никто из ведущих стилистов этим давно не пользуется.
Цветовая палитра – это просто схема вашего будущего гардероба. Где вы собираете:
- цвета, которые вам нравятся
- цвета, которые сочетаются между собой
КАК ПОЛЬЗОВАТЬСЯ ПАЛИТРОЙ?
В этой статье вы найдете целых десять бесплатных цветовых палитр с примерами капсульных гардеробов или сетов.
Как пользоваться такими палитрами?
Как угодно! Потому что все цвета внутри одной палитры сочетаются между собой
Как это работает на практике, проиллюстрировала на сетах, которые идут рядом с палитрами.
Вы можете использовать эти палитры, как шпаргалку. Например, для того, чтобы подобрать подходящие оттенки к вашим цветным вещам, которые вы купили и не знали, с чем носить и сочетать.
Или использовать эти палитры, как готовые решения или как пример для вдохновения, или даже, как основу для вашей гардеробной капсулы, в которую вы можете внести все симпатичные вам изменения и дополнения.
Но, безусловно, то, какие цвета, стили и вещи должны быть в ВАШЕМ гардеробе, можете решить и придумать только вы!
⠀
⠀⠀
Многие девочки спрашивают, что делать, если не хочется яркого? Или, наоборот, хочется только яркого. Хочется – носи. Не хочется – не надо. Не надо сковывать себя правилами и шаблонами, меняйтесь, пробуйте, следуйте за настроением, ищите свою гармонию и комфорт.
Вся фишка в создании стиля – это найти и услышать себя в каждом моменте жизни.
⠀
Это именно то, чем мы занимаемся с ученицами Базового и Продвинутого курсов:
- искать себя
- учиться сочетать цвета
- выбирать и сочетать подходящие лично вам вещи
- делать своими руками гардеробные капсулы
- разбираться в стилях одежды
- также девчонки Базового курса получат персональные рекомендации по окрашиванию волос и стрижкам
- мы будем от урока к уроку делать ревизию гардеробов своими руками
- разовьём хороший вкус
- прокачаем самооценку
- создадим лучшую версию себя
- и всё это с моей поддержкой, помощью куратора, на практике и с персональной обратной связью
⠀⠀
Пора меняться, пора становиться ещё красивее, увереннее в себе и счастливее:-)
⠀⠀
Ловите свой шанс и погнали к новой версии себя вместе с Школой Шопинга! Хватит откладывать!
Пять бесплатных инструментов для выбора цветовой схемы сайта / Хабр
Один из самых важных факторов при создании уникального и узнаваемого дизайна — цвет.
1. Kuler
Kuler от компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды. Для общения в сообществе нужно зарегистрироваться и получить Adobe ID. Цвета в Kuler представляются в различных форматах, включая RGB, CMYK, LAB и HSV.
2. Color Palette Generator
Вдохновение может возникнуть под влиянием самого неожиданного повода. Например, вы можете наткнуться на красивую фотографию с привлекательной цветовой гаммой. Этот генератор цветовой палитры создан как раз для обработки таких фотографий. Загружаете файлы в форматах JPG или PNG — и получаете подробную раскладку по ключевым цветам. Независимо от того, какую реакцию вы пытаетесь вызвать у ваших посетителей, генератор цветовой палитры поможет создать уникальный внешний вид для любого веб-сайта.
3. Contrast-A
Отдельные цвета никогда не висят в вакууме, и каждый оттенок воздействует на окружающие. Инструмент Contrast-A применяет сугубо технический подход к конфигурации палитры, предоставляя подробную информацию о соотношение канала яркости (Luminance Ratio) и отличиях в яркости и цвете. Это идеальный инструмент, если нужно создать минималистский сайт с небольшим количеством цветов, которые дополняют друг друга.
4. ColorZilla
Этот популярный плагин для Firefox позволяет прямо в браузере определить значения отдельных цветов и измерить разницу между ними. Есть «браузер цветовых схем» для выбора отдельных цветов из заранее подобранных наборов. Простой в использовании и чрезвычайно многофункциональный, плагин ColorZilla — словно швейцарский армейский нож среди расширений браузера для веб-дизайнеров и художников.
5. Colorotate
В отличие от большинства других генераторов цветовых схем типа «цветового колеса», Colorotate показывает палитру на трёхмерном конусе. Как и Kuler, пользователи могут сохранять и редактировать свои цветовые схемы, а также просматривать палитры, сделанные другими дизайнерами. Инструмент интегрирован с популярными дизайнерскими программами Adobe Fireworks и Photoshop.
____________
Когда речь идёт об эффективном веб-дизайне, то говорят об интуитивном пользовательском интерфейсе и макетах, однако цветовые схемы имеют такое же большое значение, а то и бóльшее. Перечисленные здесь инструменты должны направить вас в верном направлении, чтобы выбрать отличную цветовую палитру для сайта с первой попытки. В интернете можно найти и другие полезные инструменты, но именно с этих вы можете начать подбор идеального арсенала, который соответствует вашему персональному стилю. Удачи и счастливого дизайна!
Список ресурсов для создания идеальной цветовой палитры вашего сайта
Эффективный дизайн сайта немыслим без подбора цветового решения. Осталось разобраться, как это сделать.
Возможно, для некоторых проектов вы уже выбрали несколько цветов, соответствующих палитре вашего логотипа или бренда, и создаете сайт в рамках этих ограничений. В других пока только наброски. Есть и те, что нуждаются в незначительных изменениях, способных сделать сайт красивее и удобнее.
Если вы ищете возможность облегчить и ускорить работу или делаете сайт впервые, эти инструменты помогут вам найти решение.
Начнем с краткого введения в теорию цвета.
Диаграмма создана для размещения в учебной аудитории, но отлично подойдет нам для освоения базовых знаний. Это правила сочетания цветов, основанные на их составляющих. Их также можно использовать, чтобы понять, что будет выделяться, а что впишется в общую концепцию палитры.
На диаграмме не отражены оттенки, способные сделать цвет ярче, насыщеннее или темнее.
Оттенок (tint), насыщенность цвета регулируется добавлением белого; тень (shade), яркость — черного; тон (tone) меняется наложением коричневого.
Вооружившись этими знаниями, приступим к делу.
Читайте также: Нейромаркетинг: психология оттенковЧто такое цветовая палитра?
Цветовая палитра — это набор оттенков, которые вы будете использовать в своем проекте. С палитрой работают художники, смешивая на ней краски для создания будущей картины.
Составляя цветовую палитру, мы ищем оттенки, которые сочетаются между собой и отвечают нашим задачам. То есть служат для создания дизайна сайта, а не комнаты для релаксации.
Например, эта палитра выглядит вполне гармонично:
Но она не позволит выделить те или иные элементы сайта. В нашем случае цвета должны не только гармонировать, но и отличаться друг от друга более явно, чтобы посетитель сайта мог сразу увидеть призывы к действию (call-to-action), элементы меню и важную информацию.
Этот вариант мало отличается от предыдущего, но позволяет выделить нужные моменты, оставаясь при этом гармоничным.
Похожую цветовую палитру можно увидеть в действии на werkpress. com
Цвета сочетаются между собой, при этом элементы сайта прекрасно различимы и интуитивно понятно их расположение. Сразу видны призывы к действию и пункты меню.
Читайте также: Цветовые схемы и палитры. Их значение и применение в веб-дизайнеНасколько важно выбрать правильную цветовую палитру?
Институт исследований цвета (CCICOLOR) утверждает, что у большинства людей впечатление складывается за 90 секунд. Это происходит на подсознательном уровне и на 62-90% зависит от цвета.
Именно поэтому неверный выбор цвета или цветового сочетания может негативно повлиять на результат несмотря на остальные преимущества вашего проекта.
Выбирая палитру, отдавайте предпочтение цветам, соответствующим идентичности вашего бренда и его ценностям. Например, если вы продаете страхование жизни, черный, оранжевый и золотой цвета вряд ли стоит использовать.
Но это сочетание хорошо подходит для Lamborghini:
Мы не супермашины, мы Lamborghini
Цветовая палитра показывает, кто вы, какова ваша миссия и что можно от вас ожидать. Так, сайт Lamborghini несет сообщение о роскоши и силе.
Groupon использует другое цветовое решение. В нем много белого, а элементы бренда и конверсии выделены зеленым.
Если вы не хотите, чтобы ваш сайт походил на фильм ужасов, стоит уделить палитре особое внимание. Она влияет на брендинг, UX и конверсию.
Ниже вы найдете 19 ресурсов, которые помогут выбрать цветовую палитру для вашего сайта.
Читайте также: Психология веб-дизайна. Как цвета, шрифты и разметка влияют на ваше настроениеПодготовка
Вам необходимо вдохновение?
1. BrandColors
BrandColors показывает, как ведущие бренды используют цвет, чтобы выделить бизнес, рассказать свою историю и обозначить ценности. Вы можете посмотреть список компаний, некоммерческих организаций и стартапов в алфавитном порядке или через поиск найти интересующий бренд.
Ищете готовую палитру?
2. ColourLovers
Это форум о дизайне цветовых палитр, содержащий почти 2 000 000 вариантов, загруженных пользователями. Вы можете скачать палитру, содержащую определенный цвет, и почитать, что пишут дизайнеры. Как правило, для одного сочетания дается несколько разных по насыщенности вариантов.
3. ColorSchemer Gallery
Этот ресурс позволяет пользователям создавать и загружать свои собственные цветовые схемы. Вы сможете отфильтровать их по дате, рейтингу и количеству загрузок или найти по ключевым словам.
4. ColoRotate
В ColoRotate вы найдете библиотеку цветовых схем, которые можно просматривать, выбирать и изменять. Сделать собственную палитру на основе найденной поможет специальный 3D инструмент (3D color tool). Цветовую схему, созданную вами, можно сразу применить в PhotoShop или Fireworks, установив ColorRotate plugin или приложение для iPad.
Читайте также: Цвета и их значение при создании дизайна веб-сайтаВ соответствии с требованиями бренда
Что, если у вас уже есть картинки, логотипы или требования бренда, которым нужно соответствовать?
1.
Color Hunter
Этот сайт не так функционален, как некоторые в этом списке, но отлично решает задачу, для которой создан, — исследование конкретного цвета. Просто загрузите картинку и Color Hunter создаст на ее основе палитру. Это отличный способ достичь гармонии между изображениями и основными цветами сайта. Кроме того, здесь можно разложить цветовую схему сайта, который вам понравился.
2. Pictaculous
Pictaculous делает палитры по фото. Достаточно загрузить фотографию, чтобы получить цвета, которые с ней сочетаются. Также ресурс предложит готовые палитры, которые вам подойдут.
3. Adobe Color CC Color Wheel
Этот инструмент был известен как Adobe Kuler и предназначался для сравнения цветов. Сейчас это полноценная система по созданию палитр, позволяющая пробовать, сравнивать и сохранять цветовые комбинации. Вы можете выбрать тип палитры и создать пятицветные схемы автоматически или используя ручную настройку.
4.
Paletton
Paletton ускоряет процесс создания палитры. Нужно выбрать тип схемы: моно, составные, триадные, тетрадные, родственные, родственно-контрастные. Как только вы поменяете один цвет, остальные автоматически подстроятся.
5. Color Spire
Color Spire также строит палитру на основе одного цвета. Вы выбираете исходный оттенок и получаете варианты сочетающихся с ним схем. Также можно посмотреть превью, как выбранная палитра смотрится на сайте.
6. MudCube Color Sphere
Этот плагин для Chrome помогает гармонизировать цвета, учитывать дальтонизм и идентифицировать HEX-коды. Цветовые палитры можно сразу экспортировать в Illustrator, PhotoShop и CoIRD.com.
7. Cohesive Colors
Ресурс позволяет производить манипуляции с вашей собственной цветовой палитрой, выбирая и добавляя оттенки. В результате вы быстро и легко создаете новую схему на основе существующей.
8. Hex Color Scheme Generator
Этот инструмент подбирает цвета, которые сочетаются с вашим. Он немного примитивнее, чем другие ресурсы в этом списке. Нужно вставить HEX-код цвета в строку или выбрать его на представленном в форме колеса спектре. Генератор выдает 3 цвета, которые подходят вашему, и сопровождает их HEX-кодами.
Создать свой цвет
На многих ресурсах в этом списке подразумевается, что у вас есть исходный цвет. Если нет необходимости соответствовать требованиям бренда и BrandColors не помог с выбором, можно начать с набросков.
1. The Color App
Это приложение для iOS помогает выбрать из нескольких цветов, которые размещаются рядом через небольшое расстояние, что намного удобнее градиентного представления, кругов и спектров. Большие цветовые сетки позволяют использовать весь экран (что особенно ценно для владельцев iPad Pro). В приложении можно создавать образцы цвета, находить RGB, HEX и HSLA значения и делать палитры из набросков.
3.
Color
В Color от HailPixel не определиться с цветом нельзя. Вы точно поймете, что хотите и получите HEX-код оттенка.
Вы совершаете движение мышью или жестом и цвет каждый раз немного меняется. Похоже на цветовую сферу, постоянно сопровождающую цвета HEX-кодами. Если вы двигаетесь вправо и влево по экрану, будет меняться цвет, вверх и вниз — насыщенность.
Читайте также: Какие цвета лучше всего подойдут вашей посадочной странице?Получить код цвета
Если вы увидели где-то цвет и хотите узнать его код и название, эти ресурсы для вас.
1. SpyColor
SpyColor предоставит информацию о любом цвете, включая Hex, RGB, CMYK и другие коды, и покажет целый диапазон схем для каждого оттенка, в том числе комплементарные, сплит-комплементарные, триадные, контрастные и аналоговые.
2. HTML Color Codes
HTML Color Codes находит HEX-код для цветов на изображении. Вы выбираете картинку, открываете ее для просмотра и получаете код цвета, наведя на него курсор.
Протестировать свою палитру
Создав цветовую схему, хочется удостовериться в ее эффективности.
Check my Colours
Check my Colours проверяет основные и фоновые цвета на соответствие требованиям контрастности для тех, чье цветовое восприятие имеет отклонения от нормы. Если вы хотите убедиться, что ваш сайт подходит для людей с дальтонизмом или получить работающие и интуитивно понятные цветовые сочетания с точки зрения UX, этот ресурс незаменим. Достаточно ввести адрес сайта, чтобы ознакомиться с отчетом по его внешнему виду.
Система просматривает сайт и оценивает все визуальные элементы с точки зрения зрительного представления.
Подбор изображений
Итак, цветовая палитра внедрена и отлично работает, осталось подобрать изображения, которые будут с ней сочетаться.
1. TinEye
TinEye известен как альтернатива поиску изображений Google. Он поможет найти нужную цветовую комбинацию, используя базу в более 10 000 000 изображений с Flickr. Если вы ищете картинку, соотвующую вашей палитре, это отличный легкий способ ее найти.
2. Designspiration
Здесь можно выбрать до 5 оттенков из огромной палитры и получить изображения, которые имеют похожую цветовую комбинацию и сопровождаются HEX-кодами. Картинки можно сохранить на сайте или скачать.
Заключение
Создание цветовой палитры для сайта — это ремесло на стыке искусства и науки. Эти ресурсы помогут ускорить и облегчить путь к визуальному образу, который прекрасно выглядит и эффективно работает.
Высоких вам конверсий!
По материалам: crazyegg.com.
01-06-2017
GGPlot Colors Best Tricks You Will Love
В этой статье представлены несколько отличных решений, которые вы должны знать для изменения цветов ggplot .
При создании графиков с помощью пакета ggplot2 R цвета могут быть указаны либо по имени (например: «красный»), либо с помощью шестнадцатеричного кода (например: «# FF1234»).
Также можно использовать готовые цветовые палитры, доступные в различных пакетах R, например: viridis , RColorBrewer и ggsci .
Из этого руководства вы узнаете, как:
- Измените цвета ggplot, назначив одно значение цвета функциям геометрии (
geom_point
,geom_bar
,geom_line
и т. Д.). Вы можете использовать названия цветов R или шестнадцатеричные коды цветов. - Установите цвет ggplot по группам (т.е. по факторной переменной). Это выполняется путем сопоставления группирующей переменной с аргументами
color
илиfill
. В этом случае мы покажем, как вручную изменить цвета ggplot2 по умолчанию с помощью функцийscale_color_manual ()
иscale_fill_manual ()
.Эти функции позволяют установить индивидуальную цветовую палитру для каждого уровня группы. - Используйте список дальтоников .
Пакеты R, такие как
viridis
иRColorBrewer
, предоставляют различные цветовые шкалы, устойчивые к дальтонизму. - Использовать предопределенные цветовые палитры ggplot .
- Измените цвет градиента ggplot (также известный как непрерывный цвет). Чтобы создать цвет градиента в ggplot2, непрерывная переменная сопоставляется с параметрами
, цвет
илизаливка
.Существует три различных типа функций для изменения цвета градиента ggplot2 по умолчанию, включаяscale_color_gradient ()
,scale_color_gradient2 ()
,scale_color_gradientn ()
. Те же функции масштабирования существуют для аргументовfill
:scale_fill_gradient ()
,scale_fill_gradient2 ()
,scale_fill_gradientn ()
. Мы шаг за шагом опишем, как их использовать.
В комплекте:
Ключевые функции ggplot2 R
В этом разделе представлена основная функция ggplot2 R для изменения цвета графика.
Установить цвет ggplot вручную:
-
scale_fill_manual ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т. Д. -
scale_color_manual ()
илиscale_colour_manual ()
для линий и точек
Использовать палитры Colorbrewer:
-
scale_fill_brewer ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т. Д. -
scale_color_brewer ()
илиscale_colour_brewer ()
для линий и точек
Использовать шкалы серого цвета:
-
scale_fill_grey ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т. Д. -
scale_colour_grey ()
илиscale_colour_brewer ()
для точек, линий и т. Д.
Изменить цвет градиента ggplot по умолчанию:
-
scale_color_gradient ()
,scale_fill_gradient ()
для последовательных градиентов между двумя цветами -
scale_color_gradient2 ()
,scale_fill_gradient2 ()
для расходящихся градиентов -
scale_color_gradientn ()
,scale_fill_gradientn ()
для градиента между n цветами
Предварительные требования
- Загрузите пакет ggplot2 и установите тему по умолчанию:
библиотека (ggplot2)
theme_set (
theme_minimal () +
тема (легенда.
position = "right")
)
- Инициализировать ggplots с использованием набора данных
iris
. Создайте прямоугольную диаграмму (bp) и диаграмму рассеяния (sp), которые мы настроим в следующем разделе:
# Коробчатая диаграмма
bp <- ggplot (iris, aes (Виды, Длина чашелистника))
# Точечная диаграмма
sp <- ggplot (iris, aes (Sepal.Length, Sepal.Width))
Укажите один цвет
Цвета в R можно указать либо по имени (например,g .: «красный») или шестнадцатеричным цветовым кодом, например «# FF1234». Вы можете найти множество примеров названий цветов и кодов по адресу:
Следующий сценарий R изменяет цвет заливки (в прямоугольных диаграммах) и цвет точек (в диаграммах рассеяния).
- Использование шестнадцатеричных цветовых кодов:
# Коробчатая диаграмма
bp + geom_boxplot (fill = "# FFDB6D", color = "# C4961A")
# Точечная диаграмма
sp + geom_point (color = "# 00AFBB")
# Коробчатая диаграмма
bp + geom_boxplot (fill = "lightgray", color = "black")
# Точечная диаграмма
sp + geom_point (color = "steelblue")
Изменить цвета по группам: цвета по умолчанию ggplot
Вы можете установить цвета в соответствии с уровнями группирующей переменной:
- Отображение аргумента
цвета
на интересующую переменную.Это будет применяться к точкам, линиям и текстам
- Отображение аргумента
заполнения
на интересующую переменную. Это изменит цвет заливки областей, таких как прямоугольная диаграмма, гистограмма, гистограмма, графики плотности и т. Д.
В следующем примере мы сопоставим параметры , цвет,
и , заливка,
, с группирующей переменной Species
, для точечной диаграммы и прямоугольной диаграммы соответственно.
Изменяет цвета по группам с использованием уровней Виды
переменная:
# Коробчатая диаграмма
bp <- bp + geom_boxplot (aes (fill = Species)) +
тема (легенда.position = "вверху")
бп
# Точечная диаграмма
sp <- sp + geom_point (aes (color = Species)) +
тема (legend.position = "top")
sp
Установить индивидуальную цветовую палитру
Можно вручную настроить цветовые палитры с помощью функций:
-
scale_fill_manual ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т.Д.
-
scale_color_manual ()
илиscale_colour_manual ()
для линий и точек
# Коробчатая диаграмма
bp + scale_fill_manual (values = c ("# 00AFBB", "# E7B800", "# FC4E07"))
# Точечная диаграмма
sp + scale_color_manual (values = c ("# 00AFBB", "# E7B800", "# FC4E07"))
Вас также может заинтересовать следующий список цветов:
на заказ.col <- c ("# FFDB6D", "# C4961A", "# F4EDCA",
"# D16103", "# C3D7A4", "# 52854C", "# 4E84C4", "# 293352")
Используйте палитру для дальтоников
При выборе набора цветов рекомендуется убедиться, что вы выбираете цветовые палитры, устойчивые к дальтонизму. В следующих разделах мы покажем вам, как проверить, подходят ли ваши производственные показатели для дальтоников.
Здесь мы представляем две палитры, удобные для дальтоников, одну с серым, а другую с черным (источник палитр: http: // jfly. iam.u-tokyo.ac.jp/color/).
# Палитра с серым:
cbp1 <- c ("# 999999", "# E69F00", "# 56B4E9", "# 009E73",
"# F0E442", "# 0072B2", "# D55E00", "# CC79A7")
# Палитра с черным:
cbp2 <- c ("# 000000", "# E69F00", "# 56B4E9", "# 009E73",
«# F0E442», «# 0072B2», «# D55E00», «# CC79A7»)
Вы можете использовать эти палитры следующим образом:
# Чтобы использовать для заливки, добавьте
bp + scale_fill_manual (значения = cbp1)
# Чтобы использовать для цветов линий и точек, добавьте
sp + scale_colour_manual (значения = cbp1)
Предопределенные цветовые палитры ggplot
Вы можете изменить цвета ggplot по умолчанию, используя предопределенные цветовые палитры, доступные в различных пакетах R.Наиболее часто используемые цветовые шкалы включают:
- Цветовые шкалы Viridis [
viridis
упаковка]. - Палитры Colorbrewer [
RColorBrewer
package] - Палитры серых цветов [
ggplot2
упаковка] - Цветовые палитры для научных журналов [
ggsci
package] - Цветовые палитры Уэса Андерсона [
wesanderson
package]
Узнайте больше на: Лучшие цветовые палитры R, которые нужно знать для качественной визуализации данных
Цветовые палитры Viridis
Пакет viridis
R предоставляет цветовые палитры для создания красивых графиков, которые: удобны для печати, однородны по восприятию и легко читаются людьми с дальтонизмом. Основные функции
scale_color_viridis ()
и scale_fill_viridis ()
библиотека (viridis)
# Цвет градиента
ggplot (iris, aes (Sepal.Length, Sepal.Width)) +
geom_point (aes (color = Sepal.Length)) +
scale_color_viridis (option = "D")
# Дискретный цвет. используйте аргумент дискретный = ИСТИНА
ggplot (iris, aes (Sepal.Length, Sepal.Width)) +
geom_point (aes (color = Вид)) +
geom_smooth (aes (color = Species, fill = Species), method = "lm") +
scale_color_viridis (дискретный = ИСТИНА, параметр = "D") +
scale_fill_viridis (дискретный = ИСТИНА)
Палитры RColorBrewer
Пакет RColorBrewer создает красивые цветовые палитры.Подробнее на: Палитра Rcolorbrewer Palette
от А до ЯВ ggplot2 доступны две функции цветовой шкалы для использования палитр Colorbrewer:
-
scale_fill_brewer ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т.Д.
-
scale_color_brewer ()
для линий и точек
Например:
# Коробчатая диаграмма
bp + scale_fill_brewer (palette = "Dark2")
# Точечная диаграмма
sp + scale_color_brewer (palette = "Dark2")
Для отображения палитр пивоваров для людей с дальтонизмом используйте этот код R:
библиотека (RColorBrewer)
дисплей.brewer.all (colorblindFriendly = ИСТИНА)
Палитры серого цвета
Ключевые функции доступны в ggplot2:
-
scale_fill_grey ()
для прямоугольной диаграммы, штриховой диаграммы, скрипичной диаграммы, точечной диаграммы и т. Д. -
scale_colour_grey ()
для точек, линий и т. Д.
# Коробчатая диаграмма
bp + scale_fill_grey (начало = 0,8, конец = 0,2)
# Точечная диаграмма
sp + scale_color_grey (начало = 0,8, конец = 0,2)
Цветовые палитры научного журнала
Пакет R ggsci
содержит коллекцию высококачественных цветовых палитр, вдохновленных цветами, используемыми в научных журналах, библиотеках визуализации данных и т. Д.
Цветовые палитры представлены как функции шкалы ggplot2:
-
scale_color_npg ()
иscale_fill_npg ()
: цветовые палитры Nature Publishing Group -
scale_color_aaas ()
иscale_fill_aaas ()
: цветовые палитры Американской ассоциации содействия развитию науки -
scale_color_lancet ()
иscale_fill_lancet ()
: Цветовые палитры журнала ланцета -
scale_color_jco ()
иscale_fill_jco ()
: Цветовые палитры журнала клинической онкологии -
scale_color_tron ()
иscale_fill_tron ()
: эта палитра вдохновлена цветами, используемыми в Tron Legacy.Подходит для отображения данных при использовании темной темы.
Вы можете найти больше примеров в виньетках пакета ggsci.
- Использование в ggplot2. Мы будем использовать цветовые палитры JCO и Tron Legacy.
библиотека ("ggsci")
# Изменить цвет заливки области с помощью палитры jco
bp + scale_fill_jco ()
# Изменить цвет точки
sp + scale_color_jco ()
Узнайте больше на: Лучшие цветовые палитры R, которые необходимо знать для качественной визуализации данных
Цветовые палитры Уэса Андерсона
Содержит 16 цветовых палитр из фильмов Уэса Андерсона.
библиотека (wesanderson)
имена (wes_palettes)
## [1] «BottleRocket1» «BottleRocket2» «Rushmore1» «Royal1»
## [5] "Роял2" "Зиссу1" "Дарджилинг1" "Дарджилинг2"
## [9] "Chevalier1" "FantasticFox1" "Moonrise1" "Moonrise2"
## [13] "Moonrise3" "Cavalcanti1" "GrandBudapest1" "GrandBudapest2"
Доступные цветовые палитры показаны в таблице ниже:
Вы можете использовать разные палитры как дискретные или непрерывные цвета в ggplot2, как показано ниже:
библиотека (wesanderson)
# Дискретный цвет
bp + scale_fill_manual (values = wes_palette ("GrandBudapest1", n = 3))
# Цвет градиента
pal <- wes_palette ("Zissou1", 100, type = "continuous")
ggplot (тепловая карта, aes (x = X2, y = X1, fill = value)) +
geom_tile () +
scale_fill_gradientn (цвета = приятель) +
scale_x_discrete (развернуть = c (0, 0)) +
scale_y_discrete (развернуть = c (0, 0)) +
Coord_equal ()
Узнайте больше на: Лучшие цветовые палитры R, которые необходимо знать для качественной визуализации данных
Градиент или непрерывные цвета
Цвета градиента ggplot по умолчанию
Для цветов градиента необходимо сопоставить карту аргумент , цвет
и / или заливки
в непрерывную переменную. По умолчанию параметр ggplot2 для цветов градиента - это непрерывный синий цвет.
В следующем примере мы раскрашиваем точки в соответствии с переменной: Sepal.Length
.
sp2 <- ggplot (iris, aes (Sepal.Length, Sepal.Width)) +
geom_point (aes (color = Sepal.Length))
Основные функции для изменения цветов градиента по умолчанию
Цвет градиента по умолчанию можно изменить с помощью следующих функций ggplot2:
-
scale_color_gradient ()
,scale_fill_gradient ()
для последовательных градиентов между двумя цветами -
scale_color_gradient2 ()
,scale_fill_gradient2 ()
для расходящихся градиентов -
scale_color_gradientn ()
,scale_fill_gradientn ()
для градиента между n цветами
Установить градиент между двумя цветами
Измените цвета для низких
и высоких
концов градиента:
# Последовательная цветовая схема.
# Укажите цвета для нижнего и верхнего пределов градиента
sp2 + scale_color_gradient (низкий = "синий", высокий = "красный")
# Расходящаяся цветовая схема
# Также укажите цвет средней точки
mid <- среднее (iris $ Sepal.Length)
sp2 + scale_color_gradient2 (midpoint = mid, low = "blue", mid = "white",
high = "red", space = "Lab")
Обратите внимание, что функции scale_color_continuous ()
и scale_fill_continuous ()
также могут использоваться для установки цветов градиента.
Установить градиент между n цветами
В приведенном ниже примере мы будем использовать базовую функцию R rainbow ()
, чтобы сгенерировать вектор из 5 цветов, который будет использоваться для установки цветов градиента.
sp2 + scale_color_gradientn (цвета = радуга (5))
Заключение
В этой статье рассказывается, как настроить цвета ggplot. Основные моменты резюмируются следующим образом.
- Создайте базовый график ggplot. Сопоставьте аргумент
цвет
с фактором или группирующей переменной.
p <- ggplot (iris, aes (Sepal.Length, Sepal.Width)) +
geom_point (aes (color = Вид))
п
- Задайте цветовую палитру вручную, используя собственную цветовую шкалу:
p + scale_color_manual (values = c ("# 00AFBB", "# E7B800", "# FC4E07"))
- Используйте палитру для дальтонизма:
cbp1 <- c ("# 999999", "# E69F00", "# 56B4E9", "# 009E73",
"# F0E442", "# 0072B2", "# D55E00", "# CC79A7")
p + scale_color_manual (значения = cbp1)
- Используйте палитры RColorBrewer:
p + scale_color_brewer (palette = "Dark2")
- Использовать шкалы цветов viridis:
библиотека (viridis)
p + scale_color_viridis (дискретный = ИСТИНА)
Как выбрать цветовую палитру для своего гардероба (+ 36 образцов палитр) - Anuschka Rees
Часть I // Создание универсальной цветовой палитры
Шаг номер один к созданию отличной цветовой палитры - всегда осознавать свой собственный цвет style: К каким цветам вы от природы тяготеете, какие хотите включить в концепцию своего стиля? Предположим, вы уже выполнили этот шаг (прочтите этот, этот или этот пост, если вам нужна помощь), и у вас остался набор цветов, которые выражают ваш личный стиль. Как вы затем решаете, какие цвета использовать в качестве основных, нейтральных и акцентных оттенков, а какие полностью исключить? Я предлагаю вам сначала создать палитру, которая лучше всего отражает вашу концепцию стиля и которая вам нравится с первого взгляда. Затем, в качестве второго шага, вы проверяете свою палитру: подходит ли она для носки, смешивается и достаточно ли разнообразна? Используйте указатели ниже, чтобы сделать первый набор цветов выразительным и функциональным.
Примечание: Я обычно рекомендую ориентироваться на цветовую палитру из 9 оттенков: 3 основных цвета, 2 нейтральных и 4 акцентных оттенка, и буду использовать эту модель для всех примеров в этом посте.Вы, конечно, можете изменить числа как хотите!
Можно ли носить вашу палитру?
Первое, чего следует избегать, - это выбирать палитру, на которую приятно смотреть, но которую нельзя носить. Мне могут нравиться все оттенки оранжевого и желтого, но я знаю, что, за исключением нескольких ярких акцентных оттенков, я предпочитаю нейтральную цветовую палитру для своих нарядов.
Для каждого цвета в вашей палитре спросите себя: действительно ли я хочу носить этот оттенок, и если да, то в каких дозах? Легкий тест для этого - представить типы предметов, которые потенциально могут быть частью вашего капсульного гардероба, если вы реализуете рассматриваемую цветовую палитру:
- ОСНОВНЫЕ ЦВЕТА Ваши основные цвета должны быть такими, которые вы можете себе представить в A LOT, и это особенно хорошо подойдет для ваших ключевых элементов , таких как куртки, обувь, брюки, пальто и т. Д.
- НЕЙТРАЛЬНО Выберите нейтральные цвета, которые подойдут к вашему basics , то есть простые топы, брюки, кардиганы и т. Д. Черный, белый, кремовый, коричневый и все оттенки коричневого и серого - очевидный выбор, хотя любой другой оттенок, создающий нейтральный (да) холст тоже хорош, например, приглушенный голубой.
- ЦВЕТА АКЦЕНТОВ Акцентные цвета должны подходить для аксессуаров и отдельных предметов , таких как топы или юбки, которые вы бы сочетали с основными предметами одежды или базовыми предметами.
Можно ли смешивать цвета?
Если ваша цель - создать компактный универсальный шкаф-капсулу, отдельные цвета в вашей палитре должны быть максимально смешанными, чтобы максимально увеличить количество нарядов, которые вы можете создать. Опять же, лучший способ проверить, достаточно ли смешиваемая ваша палитра, - это провести небольшой мысленный эксперимент и рассмотреть несколько возможных сочетаний цветов. В идеале ваша цветовая палитра должна соответствовать следующим критериям:
- НЕЙТРАЛЬНЫЕ Вы хотите, чтобы ваши нейтральные оттенки могли действовать как чистый холст для остальных ваших цветов, поэтому каждый из ваших двух нейтральных оттенков должен сочетаться со всеми остальными оттенками вашей палитры.
- ОТТЕНКИ ДЛЯ АКЦЕНТОВ Каждый цвет для акцента должен сочетаться с каждым нейтральным и как минимум с двумя вашими основными цветами. Бонусные баллы, если они тоже пойдут друг с другом.
- ОСНОВНЫЕ ЦВЕТА Каждый основной цвет должен сочетаться с каждым нейтральным, другим основным цветом и как минимум двумя акцентными оттенками.
Если ваша цветовая палитра соответствует всем этим параметрам и заставляет вас сразу подумать о множестве различных нарядов или цветовых сочетаний, которые вы могли бы носить, вы на правильном пути!
Достаточно ли разнообразна ваша палитра?
Наличие четко определенной цветовой палитры не означает, что вы должны каждый день придерживаться одного и того же образа.Правильно подобранная цветовая палитра должна дать вам много разнообразия, но при этом выразить общую тему, которую вы хотите.
Теперь значение слова «разнообразие» будет отличаться от человека к человеку. Если вы знаете, что вам нужно вариантов , убедитесь, что вы выбрали ряд различных (идеально дополняющих) оттенков для ваших акцентных цветов, а также сочетание светлых, средних и глубоких оттенков для дополнительного контраста. Если вместо этого вы предпочитаете менее разнообразную палитру , попробуйте включить несколько цветов, которые имеют примерно одинаковый оттенок, но отличаются яркостью или насыщенностью, например. г. темно-фиолетовый и средне-фиолетовый. Независимо от того, какие цвета вы выберете, в конце всегда дважды проверяйте целостность вашей палитры, чтобы упростить смешивание и подбор. Ознакомьтесь с разделом «Как сочетать цвета: краткое введение в теорию цвета», чтобы узнать больше о том, как добавить / уменьшить контраст и целостность палитры.
И помните: цветовая палитра не ограничивает вас, а помогает создать гардероб, соответствующий вашему уникальному личному стилю. Нет необходимости тратить целую вечность на поиск предметов, которые точно соответствуют оттенку вашей цветовой палитры, и цель также не состоит в том, чтобы только предметов были собственными в этих цветах.Просто используйте свою палитру в качестве ориентира, который поможет вам создавать лучшие наряды, и убедитесь, что любые новые предметы соответствуют общей атмосфере вашего стиля и будут хорошо сочетаться с остальной частью вашего гардероба.
Управление палитрами и стилями - OpenToonz 1.4.
0 ド キ ュ メ ン ト
В OpenToonz уровни анимации Toonz Vector и Toonz Raster имеют собственную палитру, содержащую стили, которые можно использовать для рисования линий и рисования линий и областей . Напротив, растровые уровни можно просто редактировать, используя стили, доступные в Raster Drawing Palette , которая является общей для всех растровых уровней в проекте.
На уровнях Toonz Vector и Toonz Raster стили палитры интерактивно «связаны» с нарисованными линиями и заполненными областями с помощью индексов. Основное преимущество этого метода заключается в том, что при редактировании стиля палитры все линии и области с заливкой, использующие этот стиль, будут автоматически обновлены. Это позволяет вам изменять или откалибровать цвета даже после завершения процесса рисования, без необходимости корректировать стиль построчно или область за областью на изображении.
На растровых уровнях стили палитры просто используются для рисования или подправки изображения, и между стилями и уже нарисованными линиями не существует связи. Эта палитра, названная Палитра растровых чертежей , используется всеми уровнями растра, принадлежащими конкретному проекту, и хранится в папке по умолчанию проекта + palettes (см. Папки проекта по умолчанию).
注
Все редактирование, выполненное в палитрах и стилях, не сохраняется до тех пор, пока вы не сохраните соответствующий уровень Toonz, саму палитру или не будет использована команда Сохранить все (см. Сохранение уровней).
Редактор палитры
Редактор палитры отображает стили текущего уровня анимации, которые используются (или могут быть) использованы для рисования и раскрашивания уровня.
Палитра по умолчанию любого нового уровня Toonz Vector содержит только простой черный цвет; палитра по умолчанию для уровня Toonz Raster содержит либо простой черный цвет для новых уровней, либо цвета, распознанные в процессе очистки, для уровней, очищенных от сканирования. Любая палитра всегда содержит элемент Color_0 , который позволяет удалить любой стиль из строк и заполненных областей .
注
Каждая палитра может содержать до 4096 стилей.
Стили в редакторе палитры могут отображаться в разных режимах:
- Small Thumbnails View отображает стили в виде маленьких квадратов. Указатель стиля отображается в правом нижнем углу. Полное название стиля может отображаться во всплывающей подсказке.
- Просмотр средних эскизов отображает стили в виде средних квадратов. Вы можете прочитать первые буквы названия стиля прямо внутри фишек; указатель стиля отображается в правом нижнем углу. Полное название стиля может отображаться во всплывающей подсказке.
- Просмотр больших эскизов отображает стили в виде больших квадратов. Вы можете прочитать первые буквы названия стиля прямо внутри фишек; указатель стиля отображается в правом нижнем углу.
Полное название стиля может отображаться во всплывающей подсказке.
- Просмотр списка отображает эскизы стилей рядом с их именами в списке; индекс стиля отображается как всплывающая подсказка. Если стили палитры относятся к палитре студии, путь к ней будет отображаться вместе с именем стиля (см. Использование палитры Studio).
По умолчанию редактор палитры активен , это означает, что он автоматически отображает стили текущего уровня анимации, но его можно сделать неактивным , чтобы не обновляться при выборе другого уровня.Таким образом, открыв более одного редактора палитры, можно будет одновременно сравнивать и редактировать несколько палитр, относящихся к разным уровням анимации.
Палитры также могут быть сохранены как независимые файлы в формате TPL для загрузки обратно в сцену для извлечения цветов или для использования с эффектом External Palette (см. Использование браузера файлов и внешней палитры).
注
Большая часть описанного ниже редактирования палитры может быть применена к программе просмотра Palette , доступной также в Studio Palette (см. Использование палитры Studio).
ち な み に
Для изменения режима отображения палитры:
Выполните одно из следующих действий:
- Нажмите кнопку выбора () справа от верхней панели редактора палитры и выберите режим отображения в открывшемся меню.
- Используйте стандартные сочетания клавиш + или – в редакторе палитры для увеличения или уменьшения размера фишек стилей.
ち な み に
Чтобы сделать редактор палитры неактивным или активным:
Нажмите кнопку Switch () справа от строки заголовка Palette Editor .
ち な み に
Чтобы сохранить палитру с другим именем в другом месте:
- Нажмите кнопку Сохранить палитру как () на верхней панели редактора палитры .