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

18.11.1980 Разное

Содержание

Цвет—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

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

Статьи

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

Инструменты

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

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

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

ColorHunt — цветовые палитры высокого качетсва с функцией быстрого предпросмотра. Отличный ресурс, если вам достаточно четырех цветов.
COLOURlovers — отличное сообщество по цвету, с разнообразными инструментами для создания цветовых палитр.
ColorSchemer Studio — мощное десктопное приложение для подбора цветов.
Coolors — генератор легких цветовых палитр, позволяющий оставить выбранные цвета и заменить все остальные.
Flat UI Colors — отличный набор цветов для UI, один из самых популярных
Material Design Colors — еще одна отличная палитра UI. Она не только предоставляет богатый ассортимент цветов, но и предлагает разные “веса” или уровни яркости каждого цвета.
Palettab — расширение для Chrome, которое показывает новую палитру цветов и шрифт на каждой вкладке.
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

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

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 лучшими генераторами цветовых палитр.

Охладители

Цвет Adobe

Палеттон

Colormind

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

ColorSpace

BrandColors

ColorLovers

Кудри

Брандфолдер

ColorHexa

Материал.io

ЦветЛиза

Охладители

Инструмент для просмотра цветовой палитры 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, чтобы вся ваша инфографика, презентации и другие визуальные элементы дизайна усиливали вашу индивидуальность.

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

.