Палитра подбор: Цветовая палитра №4299

Содержание

Подбор цветов и генерация цветовых схем

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

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

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

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

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

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

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

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

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

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

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

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

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

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

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

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

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

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

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

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

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

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

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

Московская Цветовая Палитра — Онлайн каталог «Цветовая Палитра Москвы» — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

Каталог цветов «Цветовая палитра Москвы» существует с начала 2000-х годов. Палитра была разработана специалистами из комитета по архитектуре и градостроительству города Москвы на базе международной системы обозначения цвета NCS, и включает в себя более 400 цветов.

Московская палитра призвана обеспечить единую систему окраски зданий и сооружений, поэтому на неё ориентируются не только строители и архитекторы, но и зарубежные и отечественные производители лакокрасочных материалов. Основное назначение «Московской Цветовой Палитры» — обозначение цвета в колористических паспортах объектов Столицы.

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

Каталог цветов «Цветовая Палитра Москвы»

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

Красная цветовая область:

МП-0001-К 0001
МП-0002-К 0002
МП-0003-К 0003
МП-0004-К 0004
МП-0005-К 0005
МП-0006-К 0006
МП-0007-К 0007
МП-0008-К 0008
МП-0009-К 0009
МП-0010-К 0010
МП-0011-К 0011
МП-0012-К 0012
МП-0013-К 0013
МП-0014-К 0014
МП-0015-К 0015
МП-0016-К 0016
МП-0017-К 0017
МП-0018-К 0018
МП-0019-К 0019
МП-0020-К 0020
МП-0021-К 0021
МП-0022-К 0022
МП-0023-К 0023
МП-0024-К 0024
МП-0025-К 0025
МП-0026-К 0026
МП-0027-К 0027
МП-0028-К 0028
МП-0029-К 0029
МП-0030-К 0030
МП-0031-К 0031
МП-0032-К 0032
МП-0033-К 0033
МП-0034-К 0034
МП-0035-К 0035
МП-0036-К 0036
МП-0037-К 0037
МП-0038-К 0038
МП-0039-К 0039
МП-0040-К 0040
МП-0041-К 0041
МП-0042-К 0042
МП-0043-К 0043
МП-0044-К 0044
МП-0045-К 0045
МП-0046-К 0046
МП-0047-К 0047
МП-0048-К 0048
МП-0049-К 0049
МП-0050-К 0050
МП-0051-К 0051
МП-0052-К 0052
МП-0053-К 0053
МП-0054-К 0054
МП-0055-К 0055
МП-0056-К 0056
МП-0057-К 0057
МП-0058-К 0058
МП-0059-К 0059
МП-0060-К 0060
МП-0061-К 0061
МП-0062-К 0062
МП-0063-К 0063
МП-0064-К 0064

Зелёная цветовая область:

МП-0193-З 0001
МП-0194-З 0002
МП-0195-З 0003
МП-0196-З 0004
МП-0197-З 0005
МП-0198-З 0006
МП-0199-З 0007
МП-0201-З 0009
МП-0202-З 0010
МП-0203-З 0011
МП-0204-З 0012
МП-0205-З 0013
МП-0206-З 0014
МП-0207-З 0015
МП-0209-З 0017
МП-0210-З 0018
МП-0211-З 0019
МП-0212-З 0020
МП-0213-З 0021
МП-0214-З 0022
МП-0215-З 0023
МП-0216-З 0024
МП-0217-З 0025
МП-0218-З 0026
МП-0219-З 0027
МП-0220-З 0028
МП-0221-З 0029
МП-0222-З 0030
МП-0223-З 0031
МП-0224-З 0032
МП-0225-З 0033
МП-0226-З 0034
МП-0227-З 0035
МП-0228-З 0036
МП-0229-З 0037
МП-0230-З 0038
МП-0231-З 0039
МП-0232-З 0040
МП-0233-З 0041
МП-0234-З 0042
МП-0235-З 0043
МП-0236-З 0044
МП-0237-З 0045
МП-0238-З 0046
МП-0239-З 0047
МП-0240-З 0048
МП-0241-З 0049
МП-0242-З 0050
МП-0243-З 0051
МП-0244-З 0052
МП-0245-З 0053
МП-0246-З 0054
МП-0247-З 0055
МП-0248-З 0056
МП-0249-З 0057
МП-0250-З 0058
МП-0251-З 0059
МП-0252-З 0060
МП-0253-З 0061
МП-0254-З 0062
МП-0255-З 0063
МП-0256-З 0064
МП-0449-З 0065
МП-0450-З 0066
МП-0451-З 0067
МП-0452-З 0068
МП-0453-З 0069
МП-0454-З 0070
МП-0457-З 0073
МП-0458-З 0074
МП-0459-З 0075
МП-0460-З 0076
МП-0461-З 0077
МП-0462-З 0078
МП-0465-З 0081
МП-0466-З 0082
МП-0467-З 0083
МП-0468-З 0084
МП-0469-З 0085
МП-0470-З 0086
МП-0471-З 0087
МП-0473-З 0089
МП-0474-З 0090
МП-0475-З 0091
МП-0476-З 0092
МП-0477-З 0093
МП-0478-З 0094
МП-0479-З 0095
МП-0483-З 0099

Синяя цветовая область:

МП-0129-Си 0001
МП-0130-Си 0002
МП-0131-Си 0003
МП-0132-Си 0004
МП-0133-Си 0005
МП-0134-Си 0006
МП-0135-Си 0007
МП-0136-Си 0008
МП-0137-Си 0009
МП-0138-Си 0010
МП-0139-Си 0011
МП-0140-Си 0012
МП-0141-Си 0013
МП-0142-Си 0014
МП-0143-Си 0015
МП-0144-Си 0016
МП-0145-Си 0017
МП-0146-Си 0018
МП-0147-Си 0019
МП-0148-Си 0020
МП-0149-Си 0021
МП-0150-Си 0022
МП-0151-Си 0023
МП-0152-Си 0024
МП-0153-Си 0025
МП-0154-Си 0026
МП-0155-Си 0027
МП-0156-Си 0028
МП-0157-Си 0029
МП-0158-Си 0030
МП-0159-Си 0031
МП-0160-Си 0032
МП-0162-Си 0034
МП-0163-Си 0035
МП-0164-Си 0036
МП-0165-Си 0037
МП-0166-Си 0038
МП-0167-Си 0039
МП-0168-Си 0040
МП-0169-Си 0041
МП-0170-Си 0042
МП-0171-Си 0043
МП-0172-Си 0044
МП-0173-Си 0045
МП-0174-Си 0046
МП-0175-Си 0047
МП-0176-Си 0048
МП-0177-Си 0049
МП-0178-Си 0050
МП-0179-Си 0051
МП-0180-Си 0052
МП-0181-Си 0053
МП-0182-Си 0054
МП-0183-Си 0055
МП-0184-Си 0056
МП-0185-Си 0057
МП-0186-Си 0058
МП-0187-Си 0059
МП-0188-Си 0060
МП-0189-Си 0061
МП-0190-Си 0062
МП-0191-Си 0063
МП-0192-Си 0064
МП-0457-Си 0073
МП-0458-Си 0074
МП-0459-Си 0075
МП-0460-Си 0076
МП-0461-Си 0077
МП-0462-Си 0078
МП-0463-Си 0079
МП-0465-Си 0081
МП-0466-Си 0082
МП-0468-Си 0084
МП-0469-Си 0085
МП-0470-Си 0086
МП-0475-Си 0091
МП-0476-Си 0092
МП-0477-Си 0093
МП-0478-Си 0094
МП-0481-Си 0097
МП-0482-Си 0098
МП-0483-Си 0099
МП-0484-Си 0100
МП-0485-Си 0101
МП-0489-Си 0105
МП-0491-Си 0107
МП-0492-Си 0108
МП-0493-Си 0109

Жёлтая цветовая область:

МП-0065-Ж 0001
МП-0066-Ж 0002
МП-0067-Ж 0003
МП-0068-Ж 0004
МП-0069-Ж 0005
МП-0070-Ж 0006
МП-0071-Ж 0007
МП-0072-Ж 0008
МП-0073-Ж 0009
МП-0074-Ж 0010
МП-0075-Ж 0011
МП-0076-Ж 0012
МП-0077-Ж 0013
МП-0078-Ж 0014
МП-0079-Ж 0015
МП-0080-Ж 0016
МП-0081-Ж 0017
МП-0082-Ж 0018
МП-0083-Ж 0019
МП-0084-Ж 0020
МП-0085-Ж 0021
МП-0086-Ж 0022
МП-0087-Ж 0023
МП-0088-Ж 0024
МП-0089-Ж 0025
МП-0096-Ж 0032
МП-0097-Ж 0033
МП-0098-Ж 0034
МП-0099-Ж 0035
МП-0100-Ж 0036
МП-0101-Ж 0037
МП-0102-Ж 0038
МП-0103-Ж 0039
МП-0104-Ж 0040
МП-0105-Ж 0041
МП-0106-Ж 0042
МП-0107-Ж 0043
МП-0108-Ж 0044
МП-0109-Ж 0045
МП-0110-Ж 0046
МП-0111-Ж 0047
МП-0112-Ж 0048
МП-0113-Ж 0049
МП-0114-Ж 0050
МП-0115-Ж 0051
МП-0116-Ж 0052
МП-0117-Ж 0053
МП-0118-Ж 0054
МП-0119-Ж 0055
МП-0120-Ж 0056
МП-0121-Ж 0057
МП-0122-Ж 0058
МП-0123-Ж 0059
МП-0124-Ж 0060
МП-0125-Ж 0061
МП-0126-Ж 0062
МП-0127-Ж 0063
МП-0128-Ж 0064
МП-0385-Ж 0065
МП-0386-Ж 0066
МП-0388-Ж 0068
МП-0391-Ж 0071
МП-0393-Ж 0073
МП-0394-Ж 0074
МП-0395-Ж 0075
МП-0396-Ж 0076
МП-0398-Ж 0078
МП-0399-Ж 0079
МП-0400-Ж 0080
МП-0401-Ж 0081
МП-0402-Ж 0082
МП-0403-Ж 0083
МП-0404-Ж 0084
МП-0405-Ж 0085
МП-0406-Ж 0086
МП-0407-Ж 0087
МП-0408-Ж 0088
МП-0409-Ж 0089
МП-0410-Ж 0090
МП-0411-Ж 0091
МП-0412-Ж 0092
МП-0415-Ж 0095
МП-0416-Ж 0096

Серая цветовая область:

МП-0193-С 0001
МП-0194-С 0002
МП-0195-С 0003
МП-0196-С 0004
МП-0197-С 0005
МП-0198-С 0006
МП-0199-С 0007
МП-0200-С 0008
МП-0201-С 0009
МП-0202-С 0010
МП-0203-С 0011
МП-0204-С 0012
МП-0205-С 0013
МП-0206-С 0014
МП-0207-С 0015
МП-0208-С 0016
МП-0209-С 0017
МП-0210-С 0018
МП-0211-С 0019
МП-0212-С 0020
МП-0213-С 0021
МП-0214-С 0022
МП-0217-С 0025
МП-0218-С 0026
МП-0219-С 0027
МП-0220-С 0028
МП-0221-С 0029
МП-0225-С 0033
МП-0226-С 0034
МП-0227-С 0035
МП-0228-С 0036
МП-0229-С 0037
МП-0230-С 0038
МП-0231-С 0039
МП-0232-С 0040
МП-0238-С 0046
МП-0239-С 0047
МП-0240-С 0048
МП-0257-С 0001
МП-0258-С 0002
МП-0259-С 0003
МП-0260-С 0004
МП-0261-С 0005
МП-0262-С 0006
МП-0263-С 0007
МП-0264-С 0008
МП-0265-С 0009
МП-0266-С 0010
МП-0267-С 0011
МП-0268-С 0012
МП-0269-С 0013
МП-0270-С 0014
МП-0271-С 0015
МП-0272-С 0016
МП-0273-С 0017
МП-0274-С 0018
МП-0275-С 0019
МП-0276-С 0020
МП-0277-С 0021
МП-0278-С 0022
МП-0281-С 0025
МП-0282-С 0026
МП-0283-С 0027
МП-0284-С 0028
МП-0285-С 0029
МП-0287-С 0031
МП-0289-С 0033
МП-0290-С 0034
МП-0291-С 0035
МП-0292-С 0036
МП-0293-С 0037
МП-0294-С 0038
МП-0295-С 0039
МП-0296-С 0040
МП-0297-С 0041
МП-0298-С 0042
МП-0299-С 0043
МП-0300-С 0044
МП-0301-С 0045
МП-0302-С 0046
МП-0303-С 0047
МП-0304-С 0048

4 лучших онлайн инструмента — Блог о визуальной грамотности

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

1. Использовать известную гамму

На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.

Цветовые палитры, используемые известными брендами, на сайте brandcolors.net

2. Выбрать готовую профессиональную палитру

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

Выбор цвета на colordrop.io

Кроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.

Плоские цвета на colordrop.io

3. Определить палитру цветов понравившейся фотографии или картинки

Этот способ чуть сложнее. Но и эффектнее.

На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
Сервис определит сочетание цветов (внизу под загруженной картинкой).
Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
Кнопка «Auto» генерирует новые сочетания на основе того же фото.

Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.

Функция collage на сайте coolors.co

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

4. Создать свою цветовую гамму онлайн

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

На каждом цвете 4 значка-кнопки:

Alternative shades — Оттенки цвета (темнее и светлее),
Drag (Передвинуть цвет вправо или влево по палитре),
Adjust (Настроить тон, насыщенность, яркость и др.),
Lock (зафиксировать цвет).

Собранную таким образом палитру можно сохранить в pdf, png файлах, отправить ссылкой и др.

<center><ins class="lazy lazy-hidden adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center>

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Похожее

Подбор цветовой палитры сайта: 5 бесплатных сервисов

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

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

Adobe Color CC
Khroma
Coolors
Color Tool — Material Design
ColorSpace

01. Adobe Color: изучите готовые цветовые комбинации или создайте новую.

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

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

Чтобы отредактировать понравившуюся тему, нажмите на три горизонтальные точки и выберите «Edit this theme».

Также обратите внимание на цветовой круг. Здесь вы можете играть с цветами, используя параметры CMYK, RGB, LAB и HSV.

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

Типы правил:

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

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

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

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

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

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

Настраиваемое — цвета для палитры выбираются вручную.

02. Khroma: бесконечное количество комбинаций и машинное обучение

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

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

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

03. Coolors: профессиональный инструмент охотника

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

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

Кстати, сервис доступен и на смартфонах.

04. Color Tool — Material Design: тест вашего вкуса UI

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

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

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

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

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

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

05. ColorSpace: один цвет, множество вариантов.

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

Команда Wix ❤️

20 онлайн-сервисов для подбора цвета

Material Palett
Генератор и экспорт палитры цветов в стиле материального дизайна.
http://www.materialpalette.com/

New Flat UI Color Picker
Лучшие цвета для интерфейсов в стиле flat.
http://www.flatuicolorpicker.com/

Flat UI Colors
Красивые цвета в стиле flat.
http://flatuicolors.com/

Coolors:
Супер быстрый генератор цветовых схем для крутых дизайнеров.
https://coolors.co/

Skala Color
Необычный подбор цветов.
https://bjango.com/mac/skalacolor/

Couleurs
Простое приложения для определения цветов, которые вы видите на экране.
http://couleursapp.com/

Material UI Colors
Палитра цветов для Android, веба и iOS в стиле материального дизайна
https://www.materialui.co/colors

Colorful Gradients
Автоматическое создание градиентов.
http://colorfulgradients.tumblr.com/

Adaptive Backgrounds
Выделение доминирующих цветов из изображения.
http://briangonzalez.github.io/jquery.adaptive-backgr..

Brand Colors
Цвета, используемые знаменитыми брендами.
http://brandcolors.net/

Paletton
Создание цветовой схемы.
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

0 to 255
Простой инструмент поиска оттенков цвета.
http://www.0to255.com/

Colour Lovers
Создавайте и делитесь цветами, палитрами и паттернами.
http://www.colourlovers.com/

ISITLab Graphic Design
Эксклюзивный и стильный креатив, отражающий сущность вашего бизнеса
https://isitlab.com/ru/graphic-design

Adobe Color CC
Цветовые комбинации от сообщества Kuler.
https://color.adobe.com/ru/create/color-wheel/

Bootflat
Идеальные цвета в стиле flat.
http://bootflat.github.io/color-picker.html

Hex Colorrrs
Конвертер из Hex в RGB.
http://hex.colorrrs.com/

Get UI Colors
Поиск подходящих цветов для интерфейсов.
http://getuicolors.com/

Coleure
Умный подбор цветов.
https://www.coleure.com/

Colllor
Генератор цветовой палитры.
http://colllor.com/

Palette for Chrome
Создание палитры цветов из любого изображения.
https://chrome.google.com/webstore/detail/palette-cre..

ТОП-40 Программ для Подбора Цвета — Plerdy

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

Содержание

WEB-ориентированные Color Picker
1. Cohesive Colors
2. Сolourco
3. Colorblender
4. Colorsontheweb
5. Webcolourdata
6. Paletton
7. Adobe Color CC
8. Colourlovers
9. Copaso
10. Colorexplorer
11. Colrd
12. Colorhexa
13. Gradients
14. Htmlcolorcodes
15. Color picker
16. Chrome Dev Tools
17. Eye Dropper
18. ColorPick Eyedropper
Десктопные color picker
19. Instant Eyedropper
20. Just Color Picker
21. Colormania
22. ColorPic
23. Pixie
24. GPick
25. Pick
26. Gcolor2
27. ColorSnapper 2
Мобильные color picker
28. iDropper: the color sampling tool
29. Pixel Picker — Image Color Picker
30. ColorAssist Lite
31. Color Mate — Convert and Analyze Colors
32. Pixolor — Live Color Picker
33. Color Grab
34. RAL простой каталог цветов
35. Color Lab
JS color picker
36. Tiny Colorpicker
37. Spectrum
38. Pick-a-Color
39. Eyecon Colorpicker
40. Farbtastic
Вывод

WEB-ориентированные Color Picker

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

1. Cohesive Colors

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

2. Сolourco

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

3. Colorblender

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

4. Colorsontheweb

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

5. Webcolourdata

Оригинальный сервис, который позволяет получить все цвета интересующего вас веб-сайта. Для примера, на главной странице указаны результаты анализа различных известных ресурсов: Facebook, Instagram, Microsoft. Для того чтобы получить анализ того сайта который нам интересен, нужно вставить его URL в соответствующее поле и, после обработки, получить результат. Кроме перечня цветов и их процентного соотношения, пользователь увидит специализированные диаграммы.

6. Paletton

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

7. Adobe Color CC

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

8. Colourlovers

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

9. Copaso

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

10. Colorexplorer

11. Colrd

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

12. Colorhexa

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

13. Gradients

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

14. Htmlcolorcodes

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

15. Color picker

Этот пункт нашего ТОПа, пожалуй, наиболее уникален. Для того чтобы получить простенький колор пикер, нужно, всего лишь, ввести в гугл ключевой запрос «color picker», после этого вам отобразится эта палитра.

16. Chrome Dev Tools

Chrome Dev Tools — это инструменты разработчика для браузера Google Chrome. Однако и в нем можно найти средство для подбора цветов. Для начала нужно вызвать инструменты разработчика. Нажмите комбинацию клавиш Ctrl + Shift + T или кликните правой кнопкой мыши по веб-сайту и в контекстном меню выберите пункт «Просмотреть код». После этого выберите элемент который вас интересует, в окне style вы сможете увидеть цвет этого элемента. Если один раз кликнуть по цвету, можно будет перейти к встроенному color picker.

17. Eye Dropper

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

18. ColorPick Eyedropper

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

Десктопные color picker

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

19. Instant Eyedropper

Instant Eyedropper — это первый в нашем списке color picker разработан для настольных компьютеров под OS Windows. С его помощью можно быстро извлечь любой цвет, просмотреть его в различных форматах записи и скопировать код.

20. Just Color Picker

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

21. Colormania

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

22. ColorPic

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

23. Pixie

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

24. GPick

Первый в нашем списке color picker под операционную систему Linux. Обладает всем необходимым функционалом для подбора оттенков и цветов. Благодаря удобному графическому интерфейсу пользуется высоким спросом.

25. Pick

Этот color picker славится своим минимализмом. С работодателем Pick можно извлечь цвета с позиции курсора и сравнивать их. А также запоминать изображение с которого получаем оттенок.

26. Gcolor2

ColorSnapper 2 — это единственная программа в нашем списке под OS X. Имеет удобный интерфейс и набор горячих клавиш для максимально быстрой работы. Также с ее помощью можно подобрать цвет благодаря многофункциональной пипетке.

27. ColorSnapper 2

Мобильные color picker

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

28. iDropper: the color sampling tool

Этот color picker разработан специально под мобильную операционную систему iOS. В дополнение встроенная функция «пипетки». Также цветовой палитры, которая позволяет подобрать необходимый цвет и оттенок.

29. Pixel Picker — Image Color Picker

Данное приложение подбирает цвета на любом экране iPhone или iPad. Благодаря удобной пипетке это можно сделать максимально просто и быстро.

30. ColorAssist Lite

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

31. Color Mate — Convert and Analyze Colors

С помощью Color Mate можно как «вытянуть» цвет с помощью пипетки, так и дальнейшем модифицировать его под тот оттенок который нужен пользователю. Также можно сравнивать и искать цвета по гаммах.

32. Pixolor — Live Color Picker

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

33. Color Grab

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

34. RAL простий каталог кольорів

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

35. Color Lab

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

JS color picker

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

36. Tiny Colorpicker

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

37. Spectrum

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

38. Pick-a-Color

С помощью этого программного продукта можно легко выбрать любой цвет. Особенностью Pick-a-Color является возможность подбора цветов не только с помощью стандартной манипуляции синим, красным и зеленым, а и другие комбинации.

39. Eyecon Colorpicker

Этот JQuery плагин помогает в подборе цветов и сравнении оттенков. Этот Color Picker похож на инструменте в Photoshop. Основным преимуществом является легкость интеграции на свой сайт.

40. Farbtastic

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

Вывод

На этом и завершается наш список ТОП-40 инструментов для работы с цветом. Надеемся он был полезен как для простых пользователей, так и для дизайнеров и других людей, чья работа непосредственно связана с цветами. Теперь вы с легкостью сможете выбрать необходимый color picker независимо от того, на какой платформе работаете.
Благодарим Вас за прочтение этой статьи. Оставайтесь с нами, впереди еще много интересного!

где найти и как выбрать

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

Adobe Color CC — разработка компании Adobe, подарившей нам Photoshop, Illustrator и десяток других программ. Инструмент отличается гибкими настройками, а выбранные цветовые схемы для сайта можно сохранять в своей библиотеке.

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

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

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

Material Color Tool — сервис специально был создан в помощь дизайнерам пользовательских интерфейсов. Главная особенность в том, что выбранную цветовую палитру можно сразу применить к схеме веб-страницы и оценить, насколько удачным получится результат.

Paletton — еще один интересный инструмент для создания цветовых схем для сайта, во многом повторяющий возможности уже рассмотренного Adobe Color CC.

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

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

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

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

Цветовое колесо — теория цвета и калькулятор

Теория цвета и цветовое колесо

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

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

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

Существует два типа цветового круга. Художники обычно используют RYB или красный, желтый, синий цветовой круг, поскольку он помогает комбинировать цвета краски.Кроме того, существует цветовое колесо RGB (красный, зеленый и синий), которое предназначено для использования в Интернете, поскольку оно относится к смешиванию света — как на экране компьютера или телевизора. Цветовое колесо Canva — это цветовое колесо RGB, поскольку оно предназначено для использования в Интернете.

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

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

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

Монохроматический

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

Аналог

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

Triadic

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

Tetradic

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

Основные, второстепенные и третичные цвета

На цветовом круге 12 основных цветов.В цветовом круге RGB это оттенки красного, оранжевого, желтого, зеленовато-зеленого, зеленого, весеннего зеленого, голубого, лазурного, синего, фиолетового, пурпурного и розового.

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

Основные цвета в цветовом круге RGB — это цвета, которые вместе создают чистый белый свет. Это красный, зеленый и синий цвета.

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

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

В цветовом круге RYB вторичными цветами являются фиолетовый (красный смешанный с синим), оранжевый (красный смешанный с желтым) и зеленый (желтый смешанный с синим).

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

В цветовом круге RYB третичными цветами являются красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.

Теплые и холодные цвета

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

Теплые цвета — это цвета от красного до желтого. Говорят, что эти цвета напоминают тепло, как солнце.

Холодные цвета — это цвета от синего до зеленого и фиолетового. Говорят, что эти цвета напоминают прохладу, как вода.

Оттенки, оттенки и тона

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

Оттенок

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

Оттенок

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

Тона

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

Оттенок, насыщенность и яркость

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

Насыщенность — это интенсивность или чистота цвета.

Яркость — это количество яркости или света в цвете.

Значения цвета и цветовые схемы

Это всего лишь введение в увлекательный мир цвета. Есть еще много всего, что нужно узнать! Например, знаете ли вы, что королевский синий цвет был создан в 1800-х годах для королевы Шарлотты? Если вы хотите узнать больше о цветах, посетите нашу страницу «Значения цветов» — на ней рассказывается об истории и значении сотен цветов.Или, если вы ищете более великолепные цветовые комбинации, воспользуйтесь нашим Генератором цветовой палитры или просмотрите тысячи вдохновляющих цветовых схем.

Paletton — Дизайнер цветовых схем

Влюблен в цвета с 2002 года.

Приложение Paletton
Colorpedia
О компании Paletton
О компании Paletton

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

Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля. Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создайте случайные палитры. Уникальный фильтр имитации зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Подробнее о цветах в Colorpedia.

Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользовались почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и переделки.Полная история Paletton в Colorpedia.

Javascript не обнаружен. Для этого приложения требуется Javascript.

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

Выберите цвет, любой цвет

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

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

Украшать от темного к светлому, вертикально

По словам дизайнера Марка Макколи, настоящий «кулинарный» способ сделать любое пространство красивым без особого риска, — говорит дизайнер Марк МакКоли, — это использовать более темные значения цвета для пола, средние значения цвета для стен и значения света для потолка.«Любое внутреннее пространство копирует внешний мир», — говорит он. «Внешняя среда, как правило, темнее под нашими ногами (сама земля), имеет среднюю ценность, если смотреть прямо перед собой (здания / деревья), и светлее в небе».

Начните с формальных помещений дома

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

Используйте цветовое колесо

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

Ориентируйтесь на свою одежду

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

Назад к черному

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

Идти с серыми

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

Используйте правило 60-30-10.

«При оформлении пространства разделите цвета на составляющие: 60 процентов доминирующего цвета (стены), 30 процентов второстепенного цвета (обивка) и 10 процентов акцентного цвета (аксессуары)», — советует дизайнер Марк МакКоли.»Работает каждый раз!» он говорит. «Это соотношение гарантирует, что цвета будут правильно сбалансированы, а поп-музыки будет достаточно для интереса».

Сделайте небольшие пространства популярными

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

Контраст теплого и холодного

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

Положитесь на вечное сочетание

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

Создайте монохромный образ

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

Следуйте правилу трех

Продемонстрируйте свой личный стиль

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

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

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

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

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

УЗНАТЬ БОЛЬШЕ О МЕСТОРОЖДЕНИИ

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

Нажмите, чтобы прыгнуть вперед:

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

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

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

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

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

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

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

Определите индивидуальность вашего бренда

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

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

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

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

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

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

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

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

Вернуться к содержанию

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

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

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

Монохромный: Один цвет или оттенки одного цвета
Аналог: Рядом друг с другом на цветовом круге
Дополнительные: друг напротив друга на цветовом круге
Раздельный дополнительный цвет: Один основной цвет и два дополнительных цвета, которые соседствуют с дополнительным основным цветом
Triadic: Три цвета, которые находятся на одинаковом расстоянии друг от друга на цветовом круге
Тетрадик: Всего четыре цвета, две пары дополнительных цветов

Вернуться к содержанию

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

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

Охладители
Adobe Color
Палетон
Colormind
Color Hunt
ColorSpace
BrandColors
ColourLovers
Локоны
Папка бренда
ЦветHexa
Material.io
ColorLisa

Охлаждающие устройства

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

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

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