Спектр цвета онлайн: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru

5 лучших сервисов для подбора цветовой схемы

5 лучших сервисов для подбора цветовой схемы

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

Веб-дизайн

28 окт. 2019

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

1. Color Hunt

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

2. Color Leap

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

3. Khroma

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

4. Culrs

Culrs — это более 2000 цветов с уже готовыми шестнадцатеричными кодами, которые легко скопировать для дальнейшего использования. Платформа создает красивые комбинации, учитывая цветовой круг и теорию цвета. Имеет 4 удобные категории для поиска лучшей сочетаемости цветов:

Нажав на имя конкретной палитры в Culrs, URL-адрес меняется на пользовательский и вы можете поделиться ею с кем угодно!

5. Coolors

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

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

обучайся с нами профессии

UX/UI-дизайнер

Подробнее о курсе

Читайте другие статьи

Аффордансы в веб-дизайне: что это и как использовать?

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

Веб-дизайн

23 авг. 2022

Леттеринг: что это и где применяется?

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

Веб-дизайн

16 апр. 2021

4 киноработы, которые учат основам композиции

Иногда, чтобы отыскать вдохновение, оптимальное решение или что-то новое в мире дизайна, достаточно 1-2 удачных фильмов, мультфильмов. И мы такие нашли!

Веб-дизайн

26 дек. 2019

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

Никакого спама. Только ценные и полезные статьи для вас!

Что такое цветовой круг и как им пользоваться

 Главная — Статьи — Что такое цветовой круг и как им пользоваться

Представляем полезный инструмент для подбора цветовой гаммы — цветовой круг Иттена.

Что это такое?

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

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

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

Устройство цветового круга

Сторона дизайнера Крутить: Сторона художника

Купить

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

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

Предшественником данного устройства в его современном виде является цветовое кольцо Иттена (смотрите рисунок ниже).

Именно Йоханесс Иттен первым из всего спектра выделил именно двенадцать цветов и расположил их по окружности таким образом, что максимально контрастирующие друг с другом пары оказались друг напротив друга. В центре он расположил треугольник с тремя основными цветами — красным, синим и жёлтым (именно из них можно получить все остальные путём смешения в разных пропорциях). Этот треугольник Иттен заключил в шестиугольник, внутри которого обозначил какие оттенки получатся при смешении основных цветов в равных пропорциях.

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

Рассмотрим этот момент немного подробнее..

Почему основных цветов двенадцать?

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

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

Гид по смешению красок

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

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

А как же определить эти самые пропорции? Неужели наугад? Нет, цветовой круг может помочь и в этом.

Шкала насыщенности

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

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

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

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

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

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

Во-первых, гармония или дисгармония красок — это очень субъективное понятие. Как говорится, «на вкус и цвет товарища нет».

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

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

Купить

Таблица цветовых схем

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

Монохромное сочетание Сочетание оттенков разной насыщенности.	Комплиментарное сочетание Противоположные (дополнительные) цвета.
Классическая триада Равносторонний треугольник — три элемента сочетания находятся на одинаковом расстоянии друг от друга.	Аналоговая триада Три ближайших. В любой из схем один из цветов выбирается главным, остальные — второстепенные.
Контрастная триада Обогащённый вид комплиментарного сочетания (здесь вместо одного противоположного используется пара соседних).	Прямоугольная схема Две пары комплиментарных сочетаний (вариант такого сочетания — квадрат вместо прямоугольника). Богатая гамма из четырёх цветов.

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

..в этом случае оператор запишет все данные по заказу в режиме диалога

Поделиться

Опубликовано 02.03.2014 01:02:38

---

---

• Мы уже более шести лет торгуем цветовыми кругами с доставкой по всей России, Украине, Казахстану, Беларуси и другим странам мира!
  Заказывайте у профессионалов!

• +7 (499) 346 86 64
• +7 (958) 756 96 64
• info@cvetovoy-krug. ru
•   Пн. — Пт. 10:00 — 20:00
  Сб. — Вс. 11:00 — 20:00
• Написать нам

Заказать в России

• Москва
• Санкт-Петербург
• Регион России (любой город)
• Выбрать город (список)

Другие страны

• Украина
• Казахстан
• В Беларуси
• Любая страна мира

Информация

• Главная
• Каталог
• Доставка и оплата
• Контакты
• Система скидок
• Статьи
• Как заказать

Дополнительно

• Отзывы наших клиентов
• Политика Безопасности
• Условия соглашения
• Загрузка файлов
• Карта сайта

Панель пользователя

Регистрация

Забыли пароль? Забыли логин?

Мы добавили подарок в Вашу корзину, так как набралась достаточная сумма заказа!

К сожалению, нам пришлось удалить подарок из корзины, так как Вы уменьшили сумму заказа.

часов Фарб-IQ; X-Rite-Farbsehtest

Eine von 255 Frauen und einer von 12 Männern haben Probleme bei der Farbunterscheidung. Könnten Sie dazugehören? Wenn es bei Ihrer Arbeit auf Farbe ankommt oder Sie ganz einfach neugierig sind, können Sie mit unserem Online-Farbsehtest Ihren Farb-IQ bestimmen – schnell, einfach und noch dazu unterhaltsam! Первоначальный номер

Farnsworth-Munsell 100 Hue Test .

Achtung: Den umfassenden Test kann unsere Интернет-версия natürlich nicht ersetzen.

---

Anleitung:

1. Die Position der ersten und letzten Kachel ist jeweils unveränderlich.
2. Schieben Sie die Die Farben in jeder Reihe mittels Drag & Drop and die richtige Position in der Farbreihenfolge.
3. Machen Sie alle vier Farbtests.
4. Klicken Sie abschließend auf «Bewerten», um Ihr Testergebnis anzuzeigen.

Был ли ist mein Farb-IQ?

---

Пунктцаль

Пунктцаль:

• Geschlecht  
• Altersbereich wählen  
• Beste Punktzahl für Ihr Geschlecht  
• Schlechteste Punktzahl für Ihr Geschlecht  

Über Ihre Punktzahl: Jeder niedriger die Punktzahl, desto besser. NULL идеально. Die Kreisgrafik zeigt die Bereiche des Farbspektrums, in denen Ihr Farbunterscheidungsvermögen schwach ist.

Vergleichen

Зален и факт

• Wussten Sie schon, dass eine von 255 Frauen und einer von 12 Männern Probleme bei der Farbunterscheidung haben?
• Wussten Sie schon, dass Ihre Farbwahrnehmung nicht konstant ist, sondern von zahlreichen Variablen abhängt? Das ist auch der Grund, warum Ihr Resultat von einem Test zum anderen abweichen kann.
• Wussten Sie schon, dass der offizielle Test – der FM 100 Hue Test – seit mehr als 60 Jahren in der Industrie und bei Behörden im Einsatz ist?
• Wussten Sie schon, dass Ihr Testergebnis von den Lichtverhältnissen in Ihrer Umgebung, den Hintergrundfarben an Ihrem Schreibtisch, Ihrem Müdigkeitsgrad, Ihrem Geschlecht und sogar Ihrem Alter abhängt?

Нов. Im X-Rite Blog erfahren Sie mehr über die zahlreichen Faktoren, die sich auf die Farbwahrnehmung auswirken.

Beachtung

Bitte drehen Sie Ihr Telefon oder schauen Sie sich diesen Test auf einem größeren Gerät an, um die besten Ergebnisse zu erzielen.

;

Инструменты для визуального оформления Farbbeurteilung

Mit Farbsehtests können Sie sicherstellen, dass Ihre visuelle Farbbeurteilung оптимальный ист.

Технические документы

Unsere leicht verständlichen Whitepapers behandeln farbrelevante Themen für jede Branche – angefangen von Informationen zur Farbenlehre bis zu technischen Tipps für zuverlässige Farbmanagement-Workflows.

Категория продуктов

Ganz gleich, ob Sie das Farbmanagement визуально или с помощью Farbmessgerät vornehmen, sind Lösungen und Professional Hilfe von X-Rite Ihr Garant für den bestmöglichen Farbworkflow.

Angebotsanfragen: Contactformular oder phonenisch 0049 6102 79 57 10.

Technische Fragen: Контактная форма или телефон 00 800 700 300 01.

Цветовой круг — Теория цвета и многое другое

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

Выберите комбинацию цветов

Дополнительный

Базовый цвет

Базовый цвет

Правила цветовой гармонии основаны на установленном вами базовом цвете.

#

Нажмите, чтобы скопировать

#

Нажмите, чтобы скопировать

Что такое цветовой круг?

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

Что означает HSL?

HSL — это аббревиатура, обозначающая оттенок, насыщенность и яркость. Значения цвета HSL используются в кодировании и веб-браузерами для отображения определенной степени разных цветов при просмотре веб-сайта или приложения и особенно важны для программистов, дизайнеров игр, создателей цифрового мультимедиа и т. д. Оттенок — это степень на цветовом круге, где 0 соответствует красному, 120 — зеленому и 240 — синему в качестве базовых значений. Насыщенность представлена ​​в процентах, где 0 означает оттенок серого, а 100% — полный нормальный цвет. Яркость также выражается в процентах: 0 соответствует черному цвету, а 100 % — белому. Регулируя эти различные значения, пользователь цветового круга может создавать определенные пользовательские цвета для любых цифровых потребностей.

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

1

Выберите комбинацию цветов

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

2

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

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

3

Скопируйте или экспортируйте HEX-коды

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

Какое отношение цветовой круг имеет к цветовой гармонии?

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