Палитра rgb цветов онлайн: Палитра цветов — онлайн и бесплатно


18.11.1980 Facebook Twitter LinkedIn Google+ Разное


Содержание

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

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

Палитра цветов

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

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

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

Изменение цветов

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

Пипетка

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

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

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

Редактор цвета

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

Цветовые режимы

Цвета определяются одним из семи цветовых режимов:

  • RGB – аддитивный цветовой режим, состоящий из красного, зеленого и синего цветов. Используется по умолчанию.
  • HSV – аддитивный цветовой режим, состоящий из оттенка, насыщенности и значения (яркости).
  • HSL – аддитивный цветовой режим, состоящий из оттенка, насыщенности и яркости (освещенности).
  • Lab – это независимый от устройства цветовой режим, состоящий из абсолютных значений цвета.
  • Оттенки серого – монохромный цветовой режим, состоящий только из одного канала, изменяющегося от черного до белого.
  • CMYK – субтрактивный цветовой режим, состоящий из голубого, пурпурного, желтого и черного каналов.
  • Spot – цвет, который предназначен для печати в виде одной краски на одной печатной форме на печатном станке. Плашечные цвета задаются и управляются по-другому, по сравнению с другими цветовыми режимами в ArcGIS Pro.

Цветовые режимы — это представления цветовых моделей. Цветовые режимы RGB, HSV и HSL являются представлениями цветовой модели RGB. Цветовой режим CMYK — это представление цветовой модели CMYK. ArcGIS Pro использует две цветовые модели для управления цветом: CMYK и RGB. Цвета Lab и оттенки серого преобразуются в цветовую модель, используемую для отображения и выхода. Плашечные цвета будут отображать или выводить свой альтернативный цвет, если только они не выводятся в формат с поддержкой плашечных цветов.

При работе с цветовыми режимами RGB, HSV или HSL вы можете также ввести шестнадцатеричное значение в окно HEX # для задания цвета. Шестнадцатеричные коды обычно состоят из шести цифр, причем каждая пара цифр соответствует значению в одном из трех каналов. Вы можете задавать шестнадцатеричное значение с символом-префиксом # или без него. Можно также ввести короткое шестнадцатеричное обозначение, используемое в случае идентичности пар цифр — например, #09C эквивалентно #0099CC.

Прозрачность цвета

Цвета могут быть частично или полностью прозрачными. Прозрачность 100% означает, что цвет полностью прозрачен или фактически невидим. Быстрый способ установить цвет на 100% прозрачным – это нажать кнопку Нет цвета непосредственно на цветовой палитре, а не открывать диалоговое окно Редактор цветов. (Обратите внимание, что при этом все еще есть значения, присвоенные другим цветовым каналам.) Если у цветов задано 0 процентов прозрачности, они являются полностью непрозрачными.

Сохранение цветов в стиле

Чтобы сохранить цвет для повторного использования, щелкните Свойства цвета в цветовой палитре и в диалоговом окне Редактор цветов нажмите кнопку Сохранить цвет в стиль. Введите имя и, дополнительно, категорию и теги. Затем выберите, где сохранить стиль. У вас может оказаться только один вариант: сохранить цвет в стиль Избранное. После сохранения цвет становится доступным в цветовых палитрах во всех ваших проектах ArcGIS Pro. Если у вас есть другие редактируемые стили в вашем проекте, вы также можете добавить к ним цвет.

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

Связанные разделы

Отзыв по этому разделу?

Подборка цветовой гаммы — 28 лучших инструментов

Подбор цветовой палитры – один из важнейших этапов в процессе создания хорошего дизайна.

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

Компания Adobe переименовала свой проект Kuler в Color

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler. Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC.

Адоб колор онлайн позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Adobe color online доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию adobe color cc онлайн, то вы сможете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.

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

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

Check my Colours разработан специально для оценки и подборки комбинации фона и основного цвета для всех DOM-элементов. А также для того, чтобы выяснить, достаточно ли элементы гармоничны между собой. Все тесты основаны на алгоритмах, рекомендованных World Wide Web Consortium (W3C).

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB, HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

Color Hunter формирует цветовую схему на основе выбранного изображения

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

Если вам нужно получить конкретный цвет, просто введите HEX-значение в URL

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

Color позволяет находить идеальные цвета, перемещая курсор мыши

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

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

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

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

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

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

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

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

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

ColorZilla доступен как для Chrome, так и для Firefox

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

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

Colr.org позволяет установить диапазон цветов любого изображения

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

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

ColorBlender генерирует палитру из пяти сочетающихся цветов

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

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

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

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

Изображения можно фильтровать по цветовому балансу и яркости

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

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

Colors on the Web принимает отдельные цвета в HEX или RGB, и выдает цветовые схемы, основанные на различных математических вычислениях. Подобный механизм используется и в Kuler. Этот веб-инструмент не будет работать на iPad или iPhone из-за использования технологии Flash.

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

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

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

Валентин Сейидовавтор-переводчик статьи «The 28 best tools for choosing a colour scheme»

Навигация по вееру

Лучшая в классе цветовая гамма

Представляем новый, расширенный и улучшенный, колеровочный веер Dulux CP5. Он создан в Международном центре эстетики AkzoNobel при участии ведущих дизайнеров. Перед вами эффективный инструмент, вдохновляющий на уверенный выбор цвета.

Что нового?

  • Веер заговорил по-русски. На первых его страницах — инструкция по поиску и легкому подбору цветов.
  • Расширен цветовой охват, в палитре теперь 2 079 оттенков. Сохранены самые популярные и продаваемые цвета предыдущей версии.
  • Стало больше светлых и чистых цветов, расширена нейтральная палитра, переживающая устойчивый рост спроса.
  • Переход по цветовому кругу стал плавным. Разверните веер в круг и увидите радугу.
  • Добавлены два новых раздела: желто-зеленые и сине-зеленые оттенки.
  • Белые и нейтральные оттенки выделены в отдельные разделы.
  • Образцы цвета стали крупнее и нагляднее.

Долговечность

  • Плотная обложка и широкая резинка для сохранности внутренних страниц
  • Прочный крепеж
  • Если ваш веер потерял товарный вид, закажите новый.

Как читать колеровку?

Цвет в номере колеровки задается тремя параметрами: оттенок, коэффициент отражения света (КОС) и насыщенность. Например:

Оттенок

Указывает на цветовое семейство. Их в веере восемь:

RR – от красного до фуксии
RB – от фуксии до сиреневого
BB – от сиреневого до голубого
BG – от голубого до бирюзового (★Новый!)
GG – от бирюзового до зеленого
GY – от зеленого до желтого (★Новый!)
YY – от желтого до оранжевого

YR – от оранжевого до красного

Каждому семейству в новом веере соответствует раздел, начинающийся листом-закладкой.

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

Коэффициент отражения света (КОС)

Различает цвета по светлоте в диапазоне от 0 до 99. Чем выше значение КОС, тем светлее цвет. Цвета на листах представлены сверху вниз с уменьшением КОС — от светлого до темного. С помощью КОС легко применять Основное правило выбора цвета.

Насыщенность

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

Специальные гаммы

Оттенки белого — в начале веера

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

Нейтральные — в конце

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

Индикатор степени блеска

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

Глубокоматовая

Матовая

Бархатистая

Полуматовая

Полуглянцевая

Глянцевая

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

Как найти цвет по номеру колеровки?

В конце веера есть указатель. Цвета в нем расположены по увеличению номеров и по английскому алфавиту, от 00BB до 99YY. Номера листов расположены слева вверху.

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

Ориентируйтесь на коэффициент отражения КОС:

  • Для потолков: 80–90
  • Для стен: 40–60
  • Для дверей и деталей интерьера: 25–40
  • Самые темные цвета (00–20) используйте для небольших акцентов и отбивок.

Разумеется, это не догма. Кому-то могут понадобиться и абсолютно черные стены (КОС=00), например, для домашнего кинотеатра.

Как сочетать цвета?

Возьмите на вооружение четыре простых и беспроигрышных схемы:

Монохромная схема

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

Аналоговая схема

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

Контрастная схема

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

Нейтральная схема

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

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

Если нужно быстро и точно определить цвет, идеальное решение — сканер цвета Dulux.
 
 
 

Бесплатное приложение для мобильных устройств для iOS и Android.

Позволяет увидеть результат ремонта до его начала.
 
 
 

Новый инструмент для работы с цветом — Плагин Dulux: добавляйте цвет к чертежам и визуализациям в AutoCAD, Revit и Sketchup.

Находит аналоги оттенка из одной системы колеровки в другой системе с заданной точностью по стандарту CIE dE2000.
 

Палитры цветов — online presentation

1. Палитры цветов

2. Белый цвет может быть разложен с помощью оптических приборов (призмы) или природных явлений на различные цвета:

Красный
Оранжевый
Желтый
Зеленый
Голубой
Синий
Фиолетовый

3. Палитра цветов в системе цветопередачи RGB

RGB
RED – красный
GREEN — зеленый
BLUE — синий
RGB
При минимальных интенсивностях всех
базовых образуется черный цвет,
максимальных – белый цвет.

При максимальной интенсивности одного
цвета и минимальной двух других –
образуются базовые цвета:
красный, зеленый и синий.
RGB
Зеленый + Красный = Желтый (Yellow)
Красный + Синий = Пурпурный (Magenta)
Зеленый + Синий = Голубой (Cyan)
RGB
Формирование цветов в системе цветопередачи RGB
Цвет
Черный
Белый
Красный
Зеленый
Синий
Голубой
Пурпурный
Желтый
Формирование цвета
Black = 0 + 0 + 0
Write = Rmax + Gmax + Bmax
Red = Rmax + 0 + 0
Green = 0 + Gmax + 0
Blue = 0 + 0 + Bmax
Cyan = 0 + Gmax + Bmax
Magenta = Rmax + 0 + Bmax
Yellow = Rmax + Gmax + 0
RGB
В системе цветопередачи RGB палитра
цветов формируется путем сложения
красного, зеленого и синего цветов.
RGB
Кодировка цветов при глубине цвета 24 бита
Цвет
Двоичный и десятичный коды интенсивности
базовых цветов
Красный
Зеленый
Синий
Черный
00000000
0
00000000
0
00000000
0
Красный
11111111
255
00000000
0
00000000
0
Зеленый
00000000
0
11111111
255
00000000
0
Синий
00000000
0
00000000
0
11111111
255
Голубой
00000000
0
11111111
255
11111111
255
Пурпурный
11111111
255
00000000
0
11111111
255
Желтый
11111111
255
11111111
255
00000000
0
Белый
11111111
255
11111111
255
11111111
255

10.

Палитра цветов в системе цветопередачи CMYK CMYK
При печати изображений на принтерах
используется палитра цветов в
системе CMY.
Основными красками в ней являются:
Cyan — Голубая
Magenta – Пурпурная
Yellow — Желтая
CMYK
Голубой
R G B Пурпурный
C M Y R G B Желтый
CMY RGB
CMY
CMYK
Смешав 2 краски
системы CMY, мы
получим базовый цвет в
системе цветопередачи RGB.
Magenta + Yellow (Green — Blue) = Red
Cyan + Yellow (Red — Blue) = Green
Magenta + Cyan (Red — Green) = Blue
CMYK
Смешение 3 красок –
голубой, желтой и пурпурной,
Должно приводить к полному
поглощению цвета, и мы должны увидеть
черный цвет (грязно-бурый цвет).
BLACK
CMYK
Формирование цветов в системе цветопередачи CMYK
Цвет
Черный
Белый
Красный
Зеленый
Синий
Голубой
Пурпурный
Желтый
Формирование цвета
Black = K = C + M +Y = W –G – B -R
Write = W = (C = 0, M = 0, Y = 0)
Red = R = Y + M =W – B – G
Green = G = Y + C W – B — R
Blue = B = M + C = W – G – R
Cyan = C = W – R = G + B
Magenta = M = W – G = R + B
Yellow = Y = W — B = R + G
CMYK
В системе цветопередачи CMYK палитра
цветов формируется наложения голубой,
пурпурной, желтой и черной красок.

17. Палитра цветов в системе цветопередачи HSB

HSB
Система цветопередачи HSB
использует в качестве базовых
параметров:
Hue – оттенок цвета
Saturation – насыщенность
Brightness — яркость
HSB
Hue – оттенок цвета из всех цветов
оптического спектра: от красного
до фиолетового.
Saturation – определяет процент
«чистого» оттенка и белого цвета.
Brightness — определяет
интенсивность цвета.
HSB
В системе цветопередачи HSB палитра
цветов формируется путем установки
значений оттенка цвета, насыщенности
и яркости.

Подбор правильных цветовых палитр для визуализации данных | by Nancy Pong | Цвет

Проблема 1: Низкая доступность

Многие из изученных нами палитр совершенно не приспособлены для визуализации данных. Мало того, что цвета в их составе недостаточно яркие, так эти палитры еще и совершенно не продуманы с точки зрения доступности для людей с ограниченными возможностями. Палитра Flat UI Colors — одна из самых популярных в интернете, и понятно почему: она отлично выглядит. Но, как видно из названия, эта палитра создана для пользовательских интерфейсов (UI). Людям, не различающим цвета, сложно воспринимать визуализацию данных, если она выполнена при помощи такой палитры:

Полноцветная палитра Flat UI Colors, режим протанопии (слепоты на красный цвет) и оттенки серого.

Еще одна проблема, которую мы отметили во многих существующих палитрах — это недостаточное количество цветов. При создании визуализаций в Graphiq, мы используем как минимум 6 цветов, а в некоторых случаях и 8–12. В большинстве палитр просто нет нужного нам количества цветов.

Вот несколько примеров с Color Hunt:

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

Проблема 3: Сложно различимые цвета

Но, погодите-ка, есть палитры, которые выглядят как градиенты. В теории вы могли бы дополнить их любым количеством цветом, так ведь?

breezzly. ru — среда для тренировки творческих навыков в digital

К сожалению, обычно они недостаточно яркие и, поэтому, очень быстро становятся неразличимыми, как вот эти с сайта Color Hunt:

Давайте возьмем первую палитру и адаптируем ее под серию из 10 типов данных:

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

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

Правило 1: Разнообразие в яркости и в оттенках

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

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

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

По оси x — разные оттенки; по оси y — разные уровни яркости. Серые мордочки — люди, неспособные различать цвета; цветные мордочки — все остальные.

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

Правило 2: Придерживайтесь природных цветовых шаблонов

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

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

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

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

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

Правило 3: Используйте градиент вместо статичных наборов цветов

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

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

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

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

Холодные, теплые и неоновые цвета

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

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

breezzly.ru — среда для тренировки творческих навыков в digital

Работая над этим проектом, мы нашли несколько отличных ресурсов и статей, которые делают те же выводы, что и мы— только подходят к делу с математической точки зрения и даже ныряют в теории цвета. Мы решили поделиться с вами этим списком:

Статьи

  1. How to avoid equidistant HSV colors by Gregor Aisch (Как избежать цветов HSV от Грегора Эйша)
  2. Mastering multi-hued color scales with chroma.js by Gregor Aisch (Осваиваем мульти-цветные цветовые шкалы с chroma.js от Грегора Эйша)
  3. Subtleties of color by Robert Simmon (Тонкости цвета от Роберта Симмона)
  4. The viridis color palettes by Bob Rudis, Noam Ross and Simon Garnier (Цветовые палитры viridis от Боба Рудиса, Ноама Росса и Саймона Гарньера)
  5. A new colormap for MATLAB by Steve Eddins (Новая карта цветов (colormap) для MATLAB от Стива Эддинса)

Инструменты

  1. Color Picker for Data — удобный инструмент подбора цветов, который позволяет, придерживаясь цифровой константы, с легкостью выбрать цветовую палитру.
  2. Chroma.js — библиотека JavaScript для работы с цветами
  3. Colorbrewer2 — отличный инструмент подбора цветов для тепловых карт и визуализации данных, + встроенные палитры с одним или несколькими оттенками.
  4. gradStop.js — библиотека JavaScript для генерации однотонных цветовых схем и расстановки точек в градиенте на одинаковом расстоянии.

Другие ресурсы

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

  1. ColorHunt — цветовые палитры высокого качетсва с функцией быстрого предпросмотра. Отличный ресурс, если вам достаточно четырех цветов.
  2. COLOURlovers — отличное сообщество по цвету, с разнообразными инструментами для создания цветовых палитр.
  3. ColorSchemer Studio — мощное десктопное приложение для подбора цветов.
  4. Coolors — генератор легких цветовых палитр, позволяющий оставить выбранные цвета и заменить все остальные.
  5. Flat UI Colors — отличный набор цветов для UI, один из самых популярных
  6. Material Design Colors — еще одна отличная палитра UI. Она не только предоставляет богатый ассортимент цветов, но и предлагает разные “веса” или уровни яркости каждого цвета.
  7. Palettab — расширение для Chrome, которое показывает новую палитру цветов и шрифт на каждой вкладке.
  8. Swiss Style Color Picker — еще одна коллекция хороших цветовых палитр

Надеемся, что эта статья была вам полезна! А как вы создаете цветовые палитры? Какими еще инструментами вы пользовались? Будем рады услышать ваши мнения и выводы относительно цветовых палитр и визуализации данных.

Если хотите побольше узнать о наших процессах работы, подписывайтесь на нашу коллекцию: Graphiq Engineering

Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend

А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Нас можно найти в Facebook: Nancy Pong и Ринат Шайхутдинов.

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

Breezzly.ru — это среда для тренировки digital-навыков. От создателей Mental Notes (60+ отзывов) и godesign.school (220+ отзывов). Развиваем курсы по интерактивному дизайну с 2012 года. Активно преподаем оффлайн в школе, ВУЗе и на оффлайн-курсах, а теперь и онлайн для всех. Спасибо за то, что поддерживаете!

Посмотреть каталог курсов →

breezzly.ru — среда для тренировки творческих навыков в digital

Палитра цветов в схеме цветопередачи RGB.

Палитра цветов в схеме цветопередачи RGB.

Цели:

сформировать представление о восприятии цвета человеком, познакомится с процессом разложения цветов на составляющие,

рассмотреть особенности цветопередачи экранами мониторов,

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

научиться читать таблицы формирования цвета,

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

Опорные термины:

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

Ход урока

1. Организационный момент

2. Проверка знаний по теме «Пространственная дискретизация»

1. Проверка выполнения домашней работы (учащиеся обсуждают решение составленных дома задач)

3. Переход к изучению нового материала

Буквенный диктант (учащиеся записывают понятие и рядом выписывают букву из данного слова)

1. Минимальный участок изображения, для которого независимо можно задать цвет, называется ПИКСЕЛЬ (третья буква)

2. Чем разрешающая способность ниже, тем размер пикселя БОЛЬШЕ (вторая буква)

3. Чем ниже разрешающая способность, тем качество изображения НИЖЕ или выше (третья буква)

4. Завершите фразу: Сканер имеет аппаратное и оптическое . . РАЗРЕШЕНИЕ (третья буква)

5. Количество информации, которое используется для кодирования цвета точки, называется ГЛУБИНА (первая буква)

6. При помощи этого устройства можно осуществлять процесс пространственной дискретизации. СКАНЕР (первая буква)

7. Этот вид информации может быть представлен в двух формах: аналоговой и дискретной. ГРАФИЧЕСКАЯ (четвертая буква)

ОТВЕТ: К О Ж З Г С Ф

— Что означают полученные буквы? Это первые буквы цветов радуги. Палитра разложения белого цвета.

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

Каждый Охотник Желает Знать Где Сидит Фазан

Сегодня мы с вами поговорим о формировании цвета на экране монитора. Запишите тему урока:

«Палитры цветов»

4. Изучение нового материала

Прочитайте текст на странице 16. абзац после рисунка. (учащийся читает вслух)

Как устроено световосприятие для человека?

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

С экрана компьютера мы так же воспринимаем цвета как сочетания базовых цветов – красный, синий и зеленый. Такая система называется по первым буквам базовых цветов на английском языке – red R green G blue B – RGB.

Наложение цветов друг на друга дает нам другие оттенки.

Учащиеся работают со сладом по формированию оттенков из базовых цветов.

Мы рассмотрели формирование цветовых оттенков при условии максимальной интенсивности того или иного базового цвета. На стр.17 таблица 1.3. предложены коды базовых цветов. Вам приведены примеры двоичных кодов.

Какова длина этого кода?

Какой объем информации несет каждый код?

О чем говорит код из одних нуле? (цвет отсутствует)

О чем говорит код из одних единиц? (максимально насыщенный цвет)

Какое количество информации необходимо, чтобы закодировать черный цвет в системе палитры RGB? (24 бит или 3 байт)

Каждый базовый цвет кодируется 8 битами, всего 3 базовых цвета, получаем общее число 3*8 = 24 бит.

О чем говорит величина 24бит? (глубина цвета равна 24 бит).

Сколько цветов в данной палитре? (16 миллионов)

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

5. Закрепление изученного материала

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

1. пространсвенная дискретизация

2. каждому пикселю присваивается цвет

3. цвет пикселя кодируется двоичным кодом в системе палитры RGB

6. Домашнее задание: стр. 15-17, выполнить задание 1.6

Палитра Tikkurila Symphony. Таблица цветов от Тиккурила Симфония

Палитра цвета Tikkurila symphony Opus I и II

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

   Для удобства поиска нужного цвета нажмите Ctrl + F 
   Мы колеруем наш товар в любой, выбранный Вами, цвет!    

F300 G300 h400 J300 K300 L300 M300 N300 S300 V300 X300 Y300
F301 G301 h401 J301 K301 L301 M301 N301 S301 V301 X301 Y301
F302 G302 h402 J302 K302 L302 M302 N302 S302 V302 X302 Y302
F303 G303 h403 J303 K303 L303 M303 N303 S303 V303 X303 Y303
F304 G304 h404 J304 K304 L304 M304 N304 S304 V304 X304 Y304
F305 G305 h405 J305 K305 L305 M305 N305 S305 V305 X305 Y305
F306 G306 h406 J306 K306 L306 M306 N306 S306 V306 X306 Y306
F307 G307 h407 J307 K307 L307 M307 N307 S307 V307 X307 Y307
F308 G308 h408 J308 K308 L308 M308 N308 S308 V308 X308 Y308
F309 G309 h409 J309 K309 L309 M309 N309 S309 V309 X309 Y309
F310 G310 h410 J310 K310 L310 M310 N310 S310 V310 X310 Y310
F311 G311 h411 J311 K311 L311 M311 N311 S311 V311 X311 Y311
F312 G312 h412 J312 K312 L312 M312 N312 S312 V312 X312 Y312
F313 G313 h413 J313 K313 L313 M313 N313 S313 V313 X313 Y313
F314 G314 h414 J314 K314 L314 M314 N314 S314 V314 X314 Y314
F315 G315 h415 J315 K315 L315 M315 N315 S315 V315 X315 Y315
F316 G316 h416 J316 K316 L316 M316 N316 S316 V316 X316 Y316
F317 G317 h417 J317 K317 L317 M317 N317 S317 V317 X317 Y317
F318 G318 h418 J318 K318 L318 M318 N318 S318 V318 X318 Y318
F319 G319 h419 J319 K319 L319 M319 N319 S319 V319 X319 Y319
F320 G320 h420 J320 K320 L320 M320 N320 S320 V320 X320 Y320
F321 G321 h421 J321 K321 L321 M321 N321 S321 V321 X321 Y321
F322 G322 h422 J322 K322 L322 M322 N322 S322 V322 X322 Y322
F323 G323 h423 J323 K323 L323 M323 N323 S323 V323 X323 Y323
F324 G324 h424 J324 K324 L324 M324 N324 S324 V324 X324 Y324
F325 G325 h425 J325 K325 L325 M325 N325 S325 V325 X325 Y325
F326 G326 h426 J326 K326 L326 M326 N326 S326 V326 X326 Y326
F327 G327 h427 J327 K327 L327 M327 N327 S327 V327 X327 Y327
F328 G328 h428 J328 K328 L328 M328 N328 S328 V328 X328 Y328
F329 G329 h429 J329 K329 L329 M329 N329 S329 V329 X329 Y329
F330 G330 h430 J330 K330 L330 M330 N330 S330 V330 X330 Y330
F331 G331 h431 J331 K331 L331 M331 N331 S331 V331 X331 Y331
F332 G332 h432 J332 K332 L332 M332 N332 S332 V332 X332 Y332
F333 G333 h433 J333 K333 L333 M333 N333 S333 V333 X333 Y333
F334 G334 h434 J334 K334 L334 M334 N334 S334 V334 X334 Y334
F335 G335 h435 J335 K335 L335 M335 N335 S335 V335 X335 Y335
F336 G336 h436 J336 K336 L336 M336 N336 S336 V336 X336 Y336
F337 G337 h437 J337 K337 L337 M337 N337 S337 V337 X337 Y337
F338 G338 h438 J338 K338 L338 M338 N338 S338 V338 X338 Y338
F339 G339 h439 J339 K339 L339 M339 N339 S339 V339 X339 Y339
F340 G340 h440 J340 K340 L340 M340 N340 S340 V340 X340 Y340
F341 G341 h441 J341 K341 L341 M341 N341 S341 V341 X341 Y341
F342 G342 h442 J342 K342 L342 M342 N342 S342 V342 X342 Y342
F343 G343 h443 J343 K343 L343 M343 N343 S343 V343 X343 Y343
F344 G344 h444 J344 K344 L344 M344 N344 S344 V344 X344 Y344
F345 G345 h445 J345 K345 L345 M345 N345 S345 V345 X345 Y345
F346 G346 h446 J346 K346 L346 M346 N346 S346 V346 X346 Y346
F347 G347 h447 J347 K347 L347 M347 N347 S347 V347 X347 Y347
F348 G348 h448 J348 K348 L348 M348 N348 S348 V348 X348 Y348
F349 G349 h449 J349 K349 L349 M349 N349 S349 V349 X349 Y349
F350 G350 h450 J350 K350 L350 M350 N350 S350 V350 X350 Y350
F351 G351 h451 J351 K351 L351 M351 N351 S351 V351 X351 Y351
F352 G352 h452 J352 K352 L352 M352 N352 S352 V352 X352 Y352
F353 G353 h453 J353 K353 L353 M353 N353 S353 V353 X353 Y353
F354 G354 h454 J354 K354 L354 M354 N354 S354 V354 X354 Y354
F355 G355 h455 J355 K355 L355 M355 N355 S355 V355 X355 Y355
F356 G356 h456 J356 K356 L356 M356 N356 S356 V356 X356 Y356
F357 G357 h457 J357 K357 L357 M357 N357 S357 V357 X357 Y357
F358 G358 h458 J358 K358 L358 M358 N358 S358 V358 X358 Y358
F359 G359 h459 J359 K359 L359 M359 N359 S359 V359 X359 Y359
F360 G360 h460 J360 K360 L360 M360 N360 S360 V360 X360 Y360
F361 G361 h461 J361 K361 L361 M361 N361 S361 V361 X361 Y361
F362 G362 h462 J362 K362 L362 M362 N362 S362 V362 X362 Y362
F363 G363 h463 J363 K363 L363 M363 N363 S363 V363 X363 Y363
F364 G364 h464 J364 K364 L364 M364 N364 S364 V364 X364 Y364
F365 G365 h465 J365 K365 L365 M365 N365 S365 V365 X365 Y365
F366 G366 h466 J366 K366 L366 M366 N366 S366 V366 X366 Y366
F367 G367 h467 J367 K367 L367 M367 N367 S367 V367 X367 Y367
F368 G368 h468 J368 K368 L368 M368 N368 S368 V368 X368 Y368
F369 G369 h469 J369 K369 L369 M369 N369 S369 V369 X369 Y369
F370 G370 h470 J370 K370 L370 M370 N370 S370 V370 X370 Y370
F371 G371 h471 J371 K371 L371 M371 N371 S371 V371 X371 Y371
F372 G372 h472 J372 K372 L372 M372 N372 S372 V372 X372 Y372
F373 G373 h473 J373 K373 L373 M373 N373 S373 V373 X373 Y373
F374 G374 h474 J374 K374 L374 M374 N374 S374 V374 X374 Y374
F375 G375 h475 J375 K375 L375 M375 N375 S375 V375 X375 Y375
F376 G376 h476 J376 K376 L376 M376 N376 S376 V376 X376 Y376
F377 G377 h477 J377 K377 L377 M377 N377 S377 V377 X377 Y377
F378 G378 h478 J378 K378 L378 M378 N378 S378 V378 X378 Y378
F379 G379 h479 J379 K379 L379 M379 N379 S379 V379 X379 Y379
F380 G380 h480 J380 K380 L380 M380 N380 S380 V380 X380 Y380
F381 G381 h481 J381 K381 L381 M381 N381 S381 V381 X381 Y381
F382 G382 h482 J382 K382 L382 M382 N382 S382 V382 X382 Y382
F383 G383 h483 J383 K383 L383 M383 N383 S383 V383 X383 Y383
F384 G384 h484 J384 K384 L384 M384 N384 S384 V384 X384 Y384
F385 G385 h485 J385 K385 L385 M385 N385 S385 V385 X385 Y385
F386 G386 h486 J386 K386 L386 M386 N386 S386 V386 X386 Y386
F387 G387 h487 J387 K387 L387 M387 N387 S387 V387 X387 Y387
F388 G388 h488 J388 K388 L388 M388 N388 S388 V388 X388 Y388
F389 G389 h489 J389 K389 L389 M389 N389 S389 V389 X389 Y389
F390 G390 h490 J390 K390 L390 M390 N390 S390 V390 X390 Y390
F391 G391 h491 J391 K391 L391 M391 N391 S391 V391 X391 Y391
F392 G392 h492 J392 K392 L392 M392 N392 S392 V392 X392 Y392
F393 G393 h493 J393 K393 L393 M393 N393 S393 V393 X393 Y393
F394 G394 h494 J394 K394 L394 M394 N394 S394 V394 X394 Y394
F395 G395 h495 J395 K395 L395 M395 N395 S395 V395 X395 Y395
F396 G396 h496 J396 K396 L396 M396 N396 S396 V396 X396 Y396
F397 G397 h497 J397 K397 L397 M397 N397 S397 V397 X397 Y397
F398 G398 h498 J398 K398 L398 M398 N398 S398 V398 X398 Y398
F399 G399 h499 J399 K399 L399 M399 N399 S399 V399 X399 Y399
F400 G400 h500 J400 K400 L400 M400 N400 S400 V400 X400 Y400
F401 G401 h501 J401 K401 L401 M401 N401 S401 V401 X401 Y401
F402 G402 h502 J402 K402 L402 M402 N402 S402 V402 X402 Y402
F403 G403 h503 J403 K403 L403 M403 N403 S403 V403 X403 Y403
F404 G404 h504 J404 K404 L404 M404 N404 S404 V404 X404 Y404
F405 G405 h505 J405 K405 L405 M405 N405 S405 V405 X405 Y405
F406 G406 h506 J406 K406 L406 M406 N406 S406 V406 X406 Y406
F407 G407 h507 J407 K407 L407 M407 N407 S407 V407 X407 Y407
F408 G408 h508 J408 K408 L408 M408 N408 S408 V408 X408 Y408
F409 G409 h509 J409 K409 L409 M409 N409 S409 V409 X409 Y409
F410 G410 h510 J410 K410 L410 M410 N410 S410 V410 X410 Y410
F411 G411 h511 J411 K411 L411 M411 N411 S411 V411 X411 Y411
F412 G412 h512 J412 K412 L412 M412 N412 S412 V412 X412 Y412
F413 G413 h513 J413 K413 L413 M413 N413 S413 V413 X413 Y413
F414 G414 h514 J414 K414 L414 M414 N414 S414 V414 X414 Y414
F415 G415 h515 J415 K415 L415 M415 N415 S415 V415 X415 Y415
F416 G416 h516 J416 K416 L416 M416 N416 S416 V416 X416 Y416
F417 G417 h517 J417 K417 L417 M417 N417 S417 V417 X417 Y417
F418 G418 h518 J418 K418 L418 M418 N418 S418 V418 X418 Y418
F419 G419 h519 J419 K419 L419 M419 N419 S419 V419 X419 Y419
F420 G420 h520 J420 K420 L420 M420 N420 S420 V420 X420 Y420
F421 G421 h521 J421 K421 L421 M421 N421 S421 V421 X421 Y421
F422 G422 h522 J422 K422 L422 M422 N422 S422 V422 X422 Y422
F423 G423 h523 J423 K423 L423 M423 N423 S423 V423 X423 Y423
F424 G424 h524 J424 K424 L424 M424 N424 S424 V424 X424 Y424
F425 G425 h525 J425 K425 L425 M425 N425 S425 V425 X425 Y425
F426 G426 h526 J426 K426 L426 M426 N426 S426 V426 X426 Y426
F427 G427 h527 J427 K427 L427 M427 N427 S427 V427 X427 Y427
F428 G428 h528 J428 K428 L428 M428 N428 S428 V428 X428 Y428
F429 G429 h529 J429 K429 L429 M429 N429 S429 V429 X429 Y429
F430 G430 h530 J430 K430 L430 M430 N430 S430 V430 X430 Y430
F431 G431 h531 J431 K431 L431 M431 N431 S431 V431 X431 Y431
F432 G432 h532 J432 K432 L432 M432 N432 S432 V432 X432 Y432
F433 G433 h533 J433 K433 L433 M433 N433 S433 V433 X433 Y433
F434 G434 h534 J434 K434 L434 M434 N434 S434 V434 X434 Y434
F435 G435 h535 J435 K435 L435 M435 N435 S435 V435 X435 Y435
F436 G436 h536 J436 K436 L436 M436 N436 S436 V436 X436 Y436
F437 G437 h537 J437 K437 L437 M437 N437 S437 V437 X437 Y437
F438 G438 h538 J438 K438 L438 M438 N438 S438 V438 X438 Y438
F439 G439 h539 J439 K439 L439 M439 N439 S439 V439 X439 Y439
F440 G440 h540 J440 K440 L440 M440 N440 S440 V440 X440 Y440
F441 G441 h541 J441 K441 L441 M441 N441 S441 V441 X441 Y441
F442 G442 h542 J442 K442 L442 M442 N442 S442 V442 X442 Y442
F443 G443 h543 J443 K443 L443 M443 N443 S443 V443 X443 Y443
F444 G444 h544 J444 K444 L444 M444 N444 S444 V444 X444 Y444
F445 G445 h545 J445 K445 L445 M445 N445 S445 V445 X445 Y445
F446 G446 h546 J446 K446 L446 M446 N446 S446 V446 X446 Y446
F447 G447 h547 J447 K447 L447 M447 N447 S447 V447 X447 Y447
F448 G448 h548 J448 K448 L448 M448 N448 S448 V448 X448 Y448
F449 G449 h549 J449 K449 L449 M449 N449 S449 V449 X449 Y449
F450 G450 h550 J450 K450 L450 M450 N450 S450 V450 X450 Y450
F451 G451 h551 J451 K451 L451 M451 N451 S451 V451 X451 Y451
F452 G452 h552 J452 K452 L452 M452 N452 S452 V452 X452 Y452
F453 G453 h553 J453 K453 L453 M453 N453 S453 V453 X453 Y453
F454 G454 h554 J454 K454 L454 M454 N454 S454 V454 X454 Y454
F455 G455 h555 J455 K455 L455 M455 N455 S455 V455 X455 Y455
F456 G456 h556 J456 K456 L456 M456 N456 S456 V456 X456 Y456
F457 G457 h557 J457 K457 L457 M457 N457 S457 V457 X457 Y457
F458 G458 h558 J458 K458 L458 M458 N458 S458 V458 X458 Y458
F459 G459 h559 J459 K459 L459 M459 N459 S459 V459 X459 Y459
F460 G460 h560 J460 K460 L460 M460 N460 S460 V460 X460 Y460
F461 G461 h561 J461 K461 L461 M461 N461 S461 V461 X461 Y461
F462 G462 h562 J462 K462 L462 M462 N462 S462 V462 X462 Y462
F463 G463 h563 J463 K463 L463 M463 N463 S463 V463 X463 Y463
F464 G464 h564 J464 K464 L464 M464 N464 S464 V464 X464 Y464
F465 G465 h565 J465 K465 L465 M465 N465 S465 V465 X465 Y465
F466 G466 h566 J466 K466 L466 M466 N466 S466 V466 X466 Y466
F467 G467 h567 J467 K467 L467 M467 N467 S467 V467 X467 Y467
F468 G468 h568 J468 K468 L468 M468 N468 S468 V468 X468 Y468
F469 G469 h569 J469 K469 L469 M469 N469 S469 V469 X469 Y469
F470 G470 h570 J470 K470 L470 M470 N470 S470 V470 X470 Y470
F471 G471 h571 J471 K471 L471 M471 N471 S471 V471 X471 Y471
F472 G472 h572 J472 K472 L472 M472 N472 S472 V472 X472 Y472
F473 G473 h573 J473 K473 L473 M473 N473 S473 V473 X473 Y473
F474 G474 h574 J474 K474 L474 M474 N474 S474 V474 X474 Y474
F475 G475 h575 J475 K475 L475 M475 N475 S475 V475 X475 Y475
F476 G476 h576 J476 K476 L476 M476 N476 S476 V476 X476 Y476
F477 G477 h577 J477 K477 L477 M477 N477 S477 V477 X477 Y477
F478 G478 h578 J478 K478 L478 M478 N478 S478 V478 X478 Y478
F479 G479 h579 J479 K479 L479 M479 N479 S479 V479 X479 Y479
F480 G480 h580 J480 K480 L480 M480 N480 S480 V480 X480 Y480
F481 G481 h581 J481 K481 L481 M481 N481 S481 V481 X481 Y481
F482 G482 h582 J482 K482 L482 M482 N482 S482 V482 X482 Y482
F483 G483 h583 J483 K483 L483 M483 N483 S483 V483 X483 Y483
F484 G484 h584 J484 K484 L484 M484 N484 S484 V484 X484 Y484
F485 G485 h585 J485 K485 L485 M485 N485 S485 V485 X485 Y485
F486 G486 h586 J486 K486 L486 M486 N486 S486 V486 X486 Y486
F487 G487 h587 J487 K487 L487 M487 N487 S487 V487 X487 Y487
F488 G488 h588 J488 K488 L488 M488 N488 S488 V488 X488 Y488
F489 G489 h589 J489 K489 L489 M489 N489 S489 V489 X489 Y489
F490 G490 h590 J490 K490 L490 M490 N490 S490 V490 X490 Y490
F491 G491 h591 J491 K491 L491 M491 N491 S491 V491 X491 Y491
F492 G492 h592 J492 K492 L492 M492 N492 S492 V492 X492 Y492
F493 G493 h593 J493 K493 L493 M493 N493 S493 V493 X493 Y493
F494 G494 h594 J494 K494 L494 M494 N494 S494 V494 X494 Y494
F495 G495 h595 J495 K495 L495 M495 N495 S495 V495 X495 Y495
F496 G496 h596 J496 K496 L496 M496 N496 S496 V496 X496 Y496
F497 G497 h597 J497 K497 L497 M497 N497 S497 V497 X497 Y497
F498 G498 h598 J498 K498 L498 M498 N498 S498 V498 X498 Y498
F499 G499 h599 J499 K499 L499 M499 N499 S499 V499 X499 Y499
F500 G500 H500 J500 K500 L500 M500 N500 S500 V500 X500 Y500
F501 G501 H501 J501 K501 L501 M501 N501 S501 V501 X501 Y501
F502 G502 H502 J502 K502 L502 M502 N502 S502 V502 X502 Y502

Описание веера цвета Тиккурила Симфония:

Коллекцию цветов разделяют на два логичных сборника – Опус 1 и Опус 2, которые представляют собой два раздельных веера в алюминиевых футлярах. Цвета Опуса 1 яркие, насыщенные и чистые, а цвета Опуса 2 – спокойные, классические, пастельные. Такое разделение существенно облегчает подбор нужного цвета.
На каждом листе веера 12 вариаций одного цвета. В середине листа, в отмеченном буквой “М” ряду находится исходный цвет. Вверх от исходного цвета 6 осветленных оттенков и вниз от него – 5 оттенков, тонированных по серой шкале. Кроме того, в конце Опуса 2 есть еще 15 листов тонированных черных и серых оттенков.

Возврат к списку



Цветовая палитра

RGB и HEX с именами

IMGonline.com.ua

Обработка фотографий JPEG онлайн.

Палитра из 137 цветов с именами, значениями RGB и кодом HEX (HTML).

Буду рад получить любой $$ пожертвование на мой счет PayPal: [email protected]
Средства пойдут на аренду новых серверов с более мощными процессорами AMD на Hetzner или Webnx для этого сайта.

Название цвета RGB ШЕСТИГР.
Бордовый RGB(128,0,0) #800000
темно-красный RGB(139,0,0) #8B0000
Огнеупорный кирпич RGB(178,34,34) #B22222
Красный RGB(255,0,0) #FF0000
Лосось RGB(250 128 114) #FA8072
Помидор RGB(255,99,71) #FF6347
Коралловый RGB(255,127,80) #FF7F50
Оранжево-красный RGB(255,69,0) #FF4500
Шоколад RGB(210,105,30) #D2691E
Сэнди Браун RGB(244,164,96) #F4A460
Темно-оранжевый RGB(255,140,0) #FF8C00
Оранжевый RGB(255,165,0) #FFA500
ТемныйЗолотарник RGB(184,134,11) #B8860B
Золотарник RGB(218,165,32) #DAA520
Золото RGB(255,215,0) #FFD700
Олива RGB(128,128,0) #808000
Желтый RGB(255,255,0) #FFFF00
Желто-зеленый RGB(154,205,50) #9ACD32
Зеленый Желтый RGB(173,255,47) #ADFF2F
Шартрез RGB(127,255,0) #7FFF00
Зеленый газон RGB(124,252,0) #7CFC00
Зеленый RGB(0,128,0) #008000
Лайм RGB(0,255,0) #00FF00
Зеленый лайм RGB(50,205,50) #32CD32
Весенний зеленый RGB(0,255,127) #00FF7F
Средний весенне-зеленый RGB(0,250,154) #00FA9A
Бирюзовый RGB(64 224 208) #40E0D0
Светло-зеленый RGB(32,178,70) #20B2AA
Бирюзовый RGB(72 209 204) #48D1CC
Темно-голубой RGB(0,139,139) #008B8B
Цвет морской волны RGB(0,255,255) #00FFFF
Темно-бирюзовый RGB(0,206,209) #00CED1
Темно-синий RGB(0,191,255) #00BFFF
Синий Доджер RGB(30 144 255) #1E90FF
Королевский синий RGB(65 105 225) #4169E1
Военно-морской флот RGB(0,0,128) #000080
Темно-синий RGB(0,0,139) #00008B
Средне-синий RGB(0,0,205) #0000CD
Синий RGB(0,0,255) #0000FF
Сине-фиолетовый RGB(138,43,226) #8A2BE2
Темная орхидея RGB(153,50,204) #9932CC
Темно-фиолетовый RGB(148,0,211) #9400D3
Фиолетовый RGB(128,0,128) #800080
Темно-пурпурный RGB(139,0,139) #8B008B
Пурпурный RGB(255,0,255) #FF00FF
Фиолетово-красный средний RGB(199,21,133) #C71585
Темно-розовый RGB(255,20,147) #FF1493
Ярко-розовый RGB(255,105,80) #FF69B4
малиновый RGB(220,20,60) # DC143C
Коричневый RGB(165,42,42) #A52A2A
Индийский красный RGB(205,92,92) #CD5C5C
Розово-коричневый RGB(188 143 143) #BC8F8F
Светло-коралловый RGB(240 128 128) #F08080
Снег RGB(255 250 250) #FFFAFA
Мисти Роуз RGB(255 228 225) #FFE4E1
Темный лосось RGB(233 150 122) #E9967A
Светлый лосось RGB(255 160 122) #FFA07A
Сиенна RGB(160,82,45) #A0522D
Морская раковина RGB(255 245 238) #FFF5EE
Коричневое седло RGB(139,69,19) #8B4513
Персик RGB(255 218 185) #FFDAB9
Перу RGB(205,133,63) #CD853F
Лен RGB(250 240 230) #FAF0E6
Бисквит RGB(255 228 196) #FFE4C4
Берливуд RGB(222 184 135) #DEB887
Желто-коричневый RGB(210 180 140) #D2B48C
Античный белый RGB(255 235 215) #FAEBD7
Белый навахо RGB(255 222 173) #FFDEAD
Бланшированный миндаль RGB(255 235 205) #FFEBCD
Кнут из папайи RGB(255 239 213) #FFEFD5
Мокасины RGB(255 228 181) #FFE4B5
Пшеница RGB(245 222 179) #F5DEB3
Олдлейс RGB(253 245 230) #FDF5E6
Цветочный белый RGB(255 250 240) #FFFFAF0
Кукурузный шелк RGB(255 248 220) #FFF8DC
Хаки RGB(240 230 140) #F0E68C
Лимонный шифон RGB(255 250 205) #FFFACD
Золотарник бледный RGB(238 232 170) #EEE8AA
Темный хаки RGB(189 183 107) #BDB76B
Бежевый RGB(245 245 220) #F5F5DC
Золотарник светло-желтый RGB(250 250 210) #ФАФАД2
Светло-желтый RGB(255 255 224) #FFFFFE0
Слоновая кость RGB(255 255 240) #FFFFFF0
Оливково-серый RGB(107,142,35) #6B8E23
Темно-оливковый зеленый RGB(85,107,47) № 556B2F
Темно-зеленый RGB(143 188 143) #8FBC8F
Темно-зеленый RGB(0,100,0) #006400
Форест Грин RGB(34,139,34) № 228B22
Светло-зеленый RGB(144 238 144) #90EE90
Бледно-зеленый RGB(152 251 152) #98FB98
Медовая роса RGB(240 255 240) #F0FFF0
Цвет морской волны RGB(46 139,87) #2E8B57
Средний морской зеленый RGB(60 179 113) #3CB371
Мятный крем RGB(245 255 250) #F5FFFA
Средний аквамарин RGB(102 205 170) #66CDAA
Аквамарин RGB(127 255 212) #7FFFD4
Темно-серый сланец RGB(47,79,79) #2F4F4F
Бледно-бирюзовый RGB(179 238 238) #АФЕЕЕЕ
Светло-голубой RGB(224 255 255) #E0FFFF
Лазурный RGB(245 255 255) #F0FFFF
Синий кадет RGB(95 158 160) #5F9EA0
Голубая пудра RGB(176 224 230) #B0E0E6
Голубой RGB(173 216 230) #ADD8E6
Небесно-голубой RGB(135 206 235) #87CEEB
Светло-голубой RGB(135 206 250) #87CEFA
Синяя сталь RGB(70 130 180) № 4682B4
Элис Блю RGB(240 248 255) #F0F8FF
Шиферно-серый RGB(112 128 144) № 708090
Светло-серый сланец RGB(119 136 153) #778899
Светло-синий RGB(176 196 222) # B0C4DE
Васильковый RGB(100 149 237) #6495ED
Лаванда RGB(230 230 250) #E6E6FA
Призрачный белый RGB(248 248 255) #F8F8FF
Синий сланец RGB(106,90,205) #6A5ACD
Темно-синий RGB(72,61,139) #483D8B
Средний сланцево-синий RGB(123 104 238) #7B68EE
Средне-фиолетовый RGB(147 112 219) #9370DB
Индиго RGB(75,0,130) #4B0082
Средняя орхидея RGB(186,85,211) #BA55D3
Слива RGB(221 160 221) #DDA0DD
Фиолетовый RGB(238 130 238) #EE82EE
Чертополох RGB(216 191 216) #D8BFD8
Орхидея RGB(218 112 214) #DA70D6
Лаванда B пышная RGB(255 240 245) #FFF0F5
Бледно-фиолетовый красный RGB(219 112 147) #DB7093
Розовый RGB(255 192 203) #FFC0CB
Светло-розовый RGB(255 182 193) #FFB6C1
Черный RGB(0,0,0) #000000
Темно-серый RGB(105 105 105) #696969
Серый RGB(128 128 128) #808080
Темно-серый RGB(169 169 169) #A9A9A9
Серебро RGB(192 192 192) #C0C0C0
Светло-серый RGB(211 211 211) #D3D3D3
Гейнсборо RGB(220 220 220) #DCDCDC
Белый дым RGB(245 245 245) #F5F5F5
Белый RGB(255 255 255) #FFFFFF

© 2018 www. imgonline.com.ua

Генератор цветов

RGB | Cool Generator List

RGB Color Color Chartes

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

900 016
9 0016  

Новый генератор цветов RGB

ресурс

О генераторе цветов RGB

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

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


Colorgorical

Чтобы создать палитру из n цветов, просто введите количество цветов вы хотите, и нажмите Generate . Большие палитры займут больше времени, чем меньшие палитры, чтобы сделать. Результаты появятся автоматически, когда будут готовы.

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


Оценка важности
Расстояние восприятия
Увеличение воспринимаемого расстояния благосклонности цвета палитры, которые легче различить человеческому глазу. Чтобы точно смоделировать остроту цвета человека, это выполняется с помощью CIEDE2000 в лаборатории CIE цветовое пространство.
Разница в именах
Увеличение Name Difference отдает предпочтение цветам палитры, которые имеют несколько общих общие имена. Это похоже на расстояние восприятия, но может привести к различным результатам в определенных областях цветовое пространство. Это происходит, когда есть много разных имен для перцептивно близкие цвета (например, красный и розовый перцептивно близки, но называть иначе). Colorgorical вычисляет это, используя Хира и Стоуна. Функция различия имен, которая построен на вершине XKCD опрос по названию цвета.
Предпочтение пары
Увеличение Pair Preference отдает предпочтение цветам палитры, в среднем, по прогнозам, вместе они будут более эстетически предпочтительными. Обычно эти цвета похожи по оттенку, имеют различную светлоту и более холодные цвета (синий и зеленый). Предпочтение в паре основано на Шлосс и Палмерс Исследование цветовых предпочтений.
Уникальность имени
Повышение уникальности имени отдает предпочтение уникальным цветам палитры. названный.Некоторые цвета, такие как красный, легко называются и являются предпочтительными, в то время как другие цвета менее явно названы и игнорируются. Типа, разница имен, уникальность имен на основе исследования названий цветов Хира и Стоуна.

Выберите фильтр оттенка

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

Выберите диапазон яркости

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


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

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

Colorgorical был создан Коннором Грамазио по совету Дэвида Лейдлоу. и Карен Шлосс.

Документация

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

Если вы используете Colorgorical, используйте следующую ссылку:

@article{gramazio-2017-ccd,
  автор={Грамацио, Коннор С.и Лейдлоу, Дэвид Х. и Шлосс, Карен Б.},
  journal={Транзакции IEEE по визуализации и компьютерной графике},
  title={Colorgorical: создание различимых и предпочтительных цветовых палитр для визуализации информации},
  год = {2017}
}
 

Цвет: Инструменты бренда — Северо-Западный университет

Наш визуальный брендинг основан почти исключительно на запатентованном Northwestern Purple (Purple 100) и его оттенках и оттенках. Используя ряд тонов, мы добавляем гибкость, не жертвуя узнаваемостью и справедливостью нашего традиционного цвета.Диапазон тонов простирается от Northwestern Purple 160 (самый темный) до Northwestern Purple 10 (самый светлый). Все, что темнее или светлее, теряет связь с Northwestern Purple.

Новый Northwestern Purple — это пользовательский цвет чернил, на который больше нельзя ссылаться по номеру Pantone. Дизайнеры и поставщики должны использовать утвержденные образцы цветов (мелованная и немелованная бумага, ткань и пластиковые чипы), чтобы обеспечить точность цветопередачи. Чтобы получить пакет образцов, свяжитесь с Анной Эггер по телефону

.

Наша палитра

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

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

ПРИМЕЧАНИЕ. Насыщенный черный и его оттенки следует использовать вместо триадного черного во всех случаях, кроме основного текста. При настройке текста размером менее 12 пунктов следует использовать процессный черный цвет и его оттенки.

Цветовые коды

Эквиваленты цветового кода

для Northwestern Purple и родственных оттенков приведены ниже. Выбор цветового кода зависит от предполагаемого вывода (печатный или цифровой).Использование правильных кодов обеспечит точную цветопередачу.

Вывод: Печать

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

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

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

Выход: цифровой

RGB: цветовые коды RGB следует использовать при создании цифровых материалов (онлайн-графики, значков социальных сетей, презентаций для просмотра на мониторе и т. д.).

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

Применение

P эластичные или тканевые материалы

Предоставьте своему поставщику соответствующий образец цвета, чтобы убедиться, что конечный продукт будет максимально точно соответствовать Northwestern Purple.

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

Northwestern Purple

Немелованная бумага CMYK: 87, 90, 0, 12
Немелованная бумага Pantone: темно-синий 35,5, родамин 36,5, черный 3, транс. ВТ. 25
С покрытием CMYK: 85, 100, 0, 15
С покрытием Pantone: Process Blue 37, Rubine Red 61, Black 2
RGB: 078, 042, 132
HEX: #4E2A84

Фиолетовый 90 , 88, 0, 0


С покрытием CMYK: 79, 86, 0, 11
RGB: 91, 59, 140

Фиолетовый 80

Без покрытия CMYK: 71, 75, 0, 0
С покрытием CMYK: 68, 72 , 0, 10
RGB: 104, 076, 150

Фиолетовый 70

Без покрытия CMYK: 61, 67, 0, 0
С покрытием CMYK: 58, 62, 0, 7
RGB: 118, 093, 160

Фиолетовый 60

Без покрытия CMYK: 54, 54, 0, 7
С покрытием CMYK: 47, 50, 0, 6
RGB: 131, 110, 170
HEX: #836EAA

Фиолетовый 50 0, 0


С покрытием CMYK: 38, 40, 0, 5
RGB: 147, 128, 182

Фиолетовый 40

Без покрытия CMYK: 36, 36, 0, 5
С покрытием CMYK: 33, 34, 0, 2
RGB: 164, 149, 195

Фиолетовый 30

Без покрытия CMYK: 26, 26, 0, 4
С покрытием CMYK: 26, 26, 0, 0 9001 1 RGB: 182, 172, 209
HEX: #B6ACD1

Фиолетовый 20

Без покрытия CMYK: 17, 17, 0, 2
С покрытием CMYK: 18, 18, 0, 0
RGB: 204, 196, 5143 913 Фиолетовый 10 Без покрытия CMYK: 10, 8, 0, 2
С покрытием CMYK: 9, 9, 0, 0
RGB: 228, 224, 238
HEX: #E4E0EE 100, 30, 60
С покрытием CMYK: 88, 100, 30, 62
RGB: 029, 002, 053

Purple 150

Без покрытия CMYK: 84, 100, 25, 50
С покрытием CMYK: 87, 5 100, 50 , 54
RGB: 038, 008, 065

Purple 140

Без покрытия CMYK: 87, 90, 20, 48
CMYK с покрытием: 86, 100, 20, 46
RGB: 048, 016, 078

4 Purple 5 Стандарт CMYK: 87, 90, 15, 39
CMYK с покрытием: 85, 100, 15, 38
RGB: 056, 023, 090

Фиолетовый 120

CMYK без покрытия: 87, 90, 10, 30
CMYK с покрытием: 85, 100, 10, 30
RGB: 064, 031, 104
HEX: #401F68

Фиолетовый 110

Без покрытия C MYK: 87, 90, 5, 21
Материал с покрытием CMYK: 85, 100, 5, 22
RGB: 072, 036, 118

Насыщенный черный

CMYK: 50, 50, 50, 100
RGB: 0, 0, 0

Насыщенный черный 90 %

Насыщенный черный 80 %

HEX: #342F2E

Насыщенный черный 70 %

Насыщенный черный 60 %

Насыщенный черный 50 %

HEX: #716C6B

Насыщенный черный 40 %

Насыщенный черный 20%

Шестнадцатеричный: #BBB8B8

Насыщенный черный 10%

Шестнадцатеричный: #D8D6D6

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

Палитра вторичных светлых/темных тонов

Загрузить все файлы цветов

Белое пространство

Хотя у нас есть новая цветовая палитра, основанная на Northwestern Purple, преобладающим цветом в большинстве макетов должен быть белый. Благодаря большому количеству пустого пространства наши коммуникации кажутся чистыми и современными. Кроме того, это руководство помогает нам помнить о длине нашего контента. Вместо того, чтобы рассматривать пустое пространство как пустую область, рассматривайте его как паузу. Не спешите заполнять пустое пространство.24) разных цветов HEX всего. Цвет HEX состоит из 6 цифр, состоящих из трехбайтовых шестнадцатеричных чисел, представляющих красный, зеленый и синий цвета соответственно. Каждый цвет имеет диапазон от 00 до FF в шестнадцатеричной системе счисления, и все три цвета в RGB объединяются для формирования цвета HEX на основе интенсивности. Например, #ff0000 представляет красный цвет, #00ff00 представляет зеленый цвет, а #0000ff представляет синий цвет.

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


Что такое трехзначный HEX-код цвета?

3-значный цветовой код представляет собой сокращенную версию обычного 6-значного HEX-кода цвета. Только 4096 цветов HEX из более чем 16 миллионов могут быть записаны стенографией. Две шестнадцатеричные цифры каждого цвета в RGB должны быть одним и тем же символом, чтобы шестнадцатеричный цвет можно было сократить до 3 цифр. Например, #0000ff можно сократить до #00f , а #cc9900 можно сократить до #c90 , тогда как #f279b9 нельзя.


Как использовать цвет HEX в CSS?

Вы можете просто использовать шестнадцатеричный цвет в коде CSS в качестве фона или цвета шрифта элемента HTML, добавив шестнадцатеричный цвет после такого свойства CSS. Если шестнадцатеричный цвет можно записать в виде трехзначного сокращения, рекомендуется использовать 3-значный шестнадцатеричный код цвета, чтобы уменьшить размер файла CSS и сократить время загрузки страницы вашего веб-сайта в рабочей среде. Например, #ffffff можно уменьшить до #ffff , что приведет к тому же белому цвету.

  корпус {
  фон: #4b73cb;
  цвет: #fff;
}  

Что такое цветовая система RGB?

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

Ниже приведен цветовой формат RGB.


Как использовать цвет RGB в CSS?

Хотя использование цветов в формате HEX в основном предпочтительнее в CSS, вы также можете использовать цвет RGB в коде CSS. CSS предоставляет встроенную функцию rgb для применения цвета RGB к свойству CSS. Функция rgb принимает три параметра в диапазоне от 0 до 255, представляющих значение красного, зеленого и синего в цветовой системе RGB соответственно: т. е. rgb(red, green, blue) .

Например, rgb(245, 142, 33) , который является комбинацией красного: 245, зеленого: 142 и синего: 33, что дает оранжевый цвет.Вы можете применить цвет RGB в коде CSS, добавив цветовой код RGB в функцию rgb , как показано ниже.

  раздел {
  фон: RGB(234, 15, 95);
}  

Кроме того, вы можете установить прозрачность цвета RGB, используя функцию rgba в CSS. Это расширенная функция вышеупомянутого rgb . RGBA — это аббревиатура от Red-Green-Blue-Alpha. Хотя первые три параметра такие же, как у функции rgb , параметр альфа имеет значение между 0.От 00 до 1,00, который определяет непрозрачность цвета RGB, где 0 означает прозрачность, а 1 означает непрозрачность.

Например, вы можете установить непрозрачность DIV на 50%, используя функцию rgba следующим образом. Фон этого DIV будет непрозрачным на 50%, и элементы под этим DIV по z-индексу порядка можно будет увидеть, если таковые имеются.

  раздел {
  фон: rgba(0, 0, 0, 0,5);
}  

Как преобразовать цвет HEX в цвет RGB в JavaScript

Вы можете легко преобразовать цвет HEX в соответствующий цвет RGB в JavaScript, используя популярную библиотеку для преобразования цвета от npm.

  npm install color-convert  

Импортируйте библиотеку color-convert в свой скрипт и используйте метод rgb из свойства hex для преобразования HEX в RGB. Результатом будет массив из 3 целочисленных значений, представляющих красный, зеленый и синий цвета в цветовой системе RGB соответственно.

  const convert = require('color-convert');

// HEX в RGB
convert. hex.rgb('#8bbd0e'); // [139, 189, 14]  

Как преобразовать цвет RGB в цвет HEX в JavaScript преобразовать цвет RGB в соответствующий HEX-цвет, введя целочисленные значения от 0 до 255 в трех параметрах, и в результате он вернет строковое значение HEX-цвета.

  const convert = require('color-convert');

// RGB в HEX
convert.rgb.hex(179, 63, 228); // B33FE4  

Что такое цветовая система HSL?

Цветовая система HSL является удобной для человека цветовой системой, поскольку она не определяет цвет ни в HEX, ни в RGB. Вместо этого он формирует цвет из оттенка, насыщенности и легкости. Однако недостатком цветовой системы HSL является то, что всего 3,6 миллиона цветов, что намного меньше, чем у HEX и RGB. Ниже приведен формат цветового кода HSL.

  hls(оттенок, насыщенность, яркость)  
  • Оттенок — Оттенок имеет диапазон от 0 до 359, который представляет степень на цветовом круге. Следовательно, 0, 360 и 720 градусов дадут одно и то же место на цветовом круге, где красный соответствует 0 градусам, зеленый — 120 градусам, а синий — 240 градусам. Мы, люди, можем легко угадать, в какой степени находится цвет, а не в цветовых системах HEX и RGB.

  • Насыщенность — Насыщенность имеет диапазон от 0% до 100%, который представляет интенсивность цвета.Чем больше насыщенность, тем интенсивнее будет цвет. Если установлено значение 0%, это приведет к цвету в градациях серого.

  • Яркость — Яркость имеет диапазон от 0% до 100% (по умолчанию 50%). Увеличение яркости означает добавление белого к цвету, а уменьшение яркости означает добавление черного.

Пример ниже представляет собой цвет HSL, представляющий желтый цвет.


Что такое дополнительные цвета?

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

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


rgb-color · Темы GitHub · GitHub

rgb-color · Темы GitHub · GitHub

Вот 77 публичных репозиториев соответствующие этой теме…

Большой список названий цветов, отобранных вручную 🌈

  • Обновлено 18 марта 2022 г.
  • JavaScript

🎨 Библиотека терминальной цветопередачи, поддержка 8/16 цветов, 256 цветов, вывод цветопередачи RGB, поддержка методов Print/Sprintf, совместимость с Windows. Go Cli 控制 台 颜色 渲染 工具 库, 支持 16 色, 256 色, RGB 色彩 渲染 输出, 使使 类似于 print / sprintf, 兼容 并 支持 windows 环境 的 色彩 渲染

Библиотека для игры с цветами в го (golang).

ac-colors — это реактивная библиотека цветов JavaScript, которая может свободно преобразовывать между RGB, HSL, HEX, XYZ, LAB, LCHab, LUV и LCHuv, а также обрабатывать случайную генерацию цвета и вычисление коэффициента контрастности.

  • Обновлено 14 июля 2021 г.
  • JavaScript

Структура RGB для совместного использования пикселей между крейтами

  • Обновлено 14 марта 2022 г.
  • Ржавчина

Библиотека JavaScript, написанная на TypeScript, для преобразования различных цветовых моделей

  • Обновлено 23 марта 2022 г.
  • Машинопись

Преобразователь RGB в XYZ + Преобразователь RGB/XYZ в CIELAB + Калькулятор Delta-E — реализовано на C++

Простая веб-страница с машинным обучением, которая понимает и изменяет текст 🌈 в зависимости от фона.

  • Обновлено 13 марта 2019 г.
  • JavaScript

🦚 Простая библиотека цветов

  • Обновлено 12 февраля 2022 г.
  • Машинопись

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

  • Обновлено 12 февраля 2019 г.
  • Машинопись

Извлечение доминирующего цвета из изображения (удаленное изображение, локальное изображение, изображение base64 и т. д.)

Драйвер VGA на основе VHDL для реализации квадратной заставки 41×41, которая циклически перебирает 256 различных цветов при перемещении.

Приложение для изменения цвета с использованием значений RGB.

sRGB анализирует и обрабатывает данные RGB в CIE XYZ, xyY, LAB и LUV и многое другое!

  • Обновлено 25 ноября 2020 г.
  • JavaScript

Драйвер VGA на основе VHDL для отображения 256 различных цветов на мониторе.

Эксперимент со светодиодным музыкальным визуализатором

  • Обновлено 25 июля 2021 г.
  • питон

🖌️ Онлайн-палитра цветов HEX и RGB.

Плагин

PostCSS для преобразования цветов между HEX, RGB, HSL и форматами цветов ключевых слов.

  • Обновлено 13 февраля 2022 г.
  • JavaScript

Создавайте цвета Hex и RGB для своих проектов.

Arduino — управление RGB-подсветкой ✔️

Детектор RGB на экране (красный, синий, зеленый) позволяет обнаруживать цвета RGB на экране. Он измеряет значение цвета каждого отдельного пикселя на экране вашего компьютера, следуя за указателем мыши. Приложение построено с использованием языка программирования Python (3.10) и платформы Tkinter для графического пользовательского интерфейса (GUI).

  • Обновлено 21 марта 2022 г.
  • питон

Практическая работа с Bootcamp Full Stack для IGTI, включая основные цели реализации HTML, CSS и JavaScript, приложение для визуализации ядер и часть расширения RGB

Реализация

go для разговора с мигающими (1) USB-светодиодами RGB от ThingM

Простой генератор цветов RGB и Hex.

Подсчет значений красного, зеленого и синего для каждого пикселя изображения.

  • Обновлено 1 марта 2022 г.
  • Котлин

Цветной слайдер Vanilla Js RGB

Базовое приложение RGB Color для ios.

  • Обновлено 29 октября 2021 г.
  • Быстрый

Генерирует различные цветовые коды форматов RGB, HEX и HSL

  • Обновлено 26 мая 2020 г.
  • питон

RGB renk kodları değiştirilerek, renkler arasında geçiş yapan basit bir C# uygulaması

Улучшить эту страницу

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

Курировать эту тему

Добавьте эту тему в свой репозиторий

Чтобы связать ваш репозиторий с RGB-цвет тему, перейдите на целевую страницу репозитория и выберите «управление темами».

Узнать больше

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

13 лучших генераторов цветовых палитр на 2021 год

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

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

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


УЗНАТЬ БОЛЬШЕ О VENNGAGE

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

Нажмите, чтобы перейти вперед:

 

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

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

«Цветовая палитра» иногда используется взаимозаменяемо со словами «тема» и «схема». Все они ссылаются на одно и то же: набор цветов.

Хотите узнать больше о цветах? Вот все, что вам нужно знать о цветах… менее чем за 3 минуты:

 

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

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

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

Подчеркните индивидуальность вашего бренда

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

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

Выберите основной цвет

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

Разветвление (если хотите)

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

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

Хотите узнать больше о брендинге и выборе цветов? Прочитайте нашу запись в блоге:

Вернуться к оглавлению

 

Сколько цветов должно быть в цветовой палитре?

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

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

  • Однотонный: Один цвет или оттенки одного цвета
  • Аналоги: Рядом друг с другом на цветовом круге
  • Дополнительные: Напротив друг друга на цветовом круге
  • Раздельно-дополнительный: Один основной цвет и два дополнительных цвета, смежные с дополнительным основным цветом
  • Триадный: Три цвета, находящиеся на одинаковом расстоянии друг от друга на цветовом круге
  • Tetradic: Всего четыре цвета, две пары дополнительных цветов

Вернуться к оглавлению

 

Лучшие генераторы цветовой палитры

Готовы приступить к разработке цветовой палитры вашего бренда? Ознакомьтесь с 13 лучшими генераторами цветовых палитр.

  1. Охладители
  2. Цвет Adobe
  3. Палеттон
  4. Colormind
  5. Цветная охота
  6. ColorSpace
  7. BrandColors
  8. ColorLovers
  9. Кудри
  10. Брандфолдер
  11. ColorHexa
  12. Материал.io
  13. ЦветЛиза

 

Охладители

Инструмент для просмотра цветовой палитры Coolors

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

Доступ к этому бесплатному инструменту с поддержкой рекламы можно получить через Интернет, но он также доступен в виде приложения для iOS, расширения Adobe и расширения Chrome. Пользователи могут видеть HEX-коды, а также значения цветов RGB и CYMK для каждого из выбранных ими оттенков, поэтому они могут быть уверены, что используют именно тот цвет, который им нужен.

Вернуться к списку лучших генераторов цветовых палитр

 

Цвет Adobe

Средство проверки доступности Adobe Color

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Палеттон

Генератор цветов Paletton

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Colormind

Симулятор цветовой палитры Colormind

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

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Цветовая охота

Самые популярные палитры ColorHunt

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

ColorSpace

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

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

BrandColors

Галерея официальной палитры BrandColors

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

ColorLovers

Конструктор цветовой палитры ColorLovers

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

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Калрс

Галерея цветовой палитры Culrs

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Брандфолдер

Экстрактор цветов Brandfolder и реальная палитра

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

ColorHexa

Цветовая информационная панель ColorHexa

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

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

Вернуться к списку лучших генераторов цветовых палитр

 

Материал.io

Симулятор специальных возможностей Material Design

Material Design — это система, созданная Google, чтобы помочь разработчикам, дизайнерам и другим пользователям создавать приложения для устройств Android.Цветовой инструмент Material.io довольно технический, но это также отличный способ увидеть, как выбранная вами цветовая схема будет выглядеть на устройстве Android.

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

Вернуться к списку лучших генераторов цветовых палитр

 

ЦветЛиза

Цвет Цветовая палитра, названная в честь Лизы, шедевр Да Винчи

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

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

Набор My Brand Kit от Venngage — это идеальный способ упорядочить новую цветовую палитру и другие элементы фирменного стиля и убедиться, что они правильно применяются ко всему, что создает ваша команда.

Вернуться к оглавлению

 

Часто задаваемые вопросы о генераторах цветовых палитр

У вас есть еще вопросы о генераторах цветовых палитр? У нас есть ответы.

Что такое генератор цветовой палитры?

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

Где я могу найти цветовую палитру?

Пользователи могут загружать изображения из Интернета или со своих устройств для извлечения цветовых палитр с помощью нескольких генераторов цветовых палитр, включая Coolors, Adobe Color и Brandfolder.

Как вы используете генератор цветовой палитры?

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

Как найти лучшую цветовую палитру?

Прежде чем выбирать основной цвет и дополнительные оттенки, чтобы дополнить цветовую палитру, необходимо учитывать индивидуальность своего бренда. После того, как вы определились с семейством цветов, используйте Coolors, Adobe Color или ColorSpace, чтобы строить из них.

 

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

Имея бизнес-аккаунт, пользователи Venngage могут загружать элементы своего бренда в My Brand Kit Venngage всего одним щелчком мыши:

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


НАЧНИТЕ СОЗДАВАТЬ БЕСПЛАТНО

 

 

.
Comments