Палетте палитра цветов: Оттеночные бальзамы

Содержание

Inkscape. Palette (Палитра цветов)

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

По умолчанию используется палитра «Inkscape default», но вы можете выбрать и другую палитру для работы. Для этого нужно щёлкнуть по маленькому треугольнику в правой части палитры. Откроется диалоговое окно со списком доступных палитр, например, «Android icon palette» или «Windows XP icons».

Создание собственной палитры

Вы можете создать собственную палитру. Это несложно.

Для начала из списка установленных палитр выбираем пункт Auto. Полоса станет пустой. Нарисуйте на холсте квадрат и через диалоговое окно Fill and Stroke установите какой-нибудь цвет.

На вкладке Fill есть кнопка Swatch. Нажмите на неё, и ваш первый цвет попадёт в палитру. Далее нужно повторить шаги — нарисовать новый квадрат, задать ему цвет и нажать на Swatch. Таким образом вы можете создать собственную палитру.

Можно даже использовать градиент.

Если документ сохранить, то ваша палитра также сохранится с вашим документом.

Установка готовой палитры

Вы можете установить готовую палитру. Загрузите файл с расширением gpl и скопируйте в папку C:\Program Files (x86)\Inkscape\share\palettes (пример для 64-битной Windows).

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

Быстрая установка обводки

Обычно, начинающие дизайнеры открывают диалоговое окно Fill and Stroke и там делают нужные изменения. Но есть более быстрый доступ к настройкам. Достаточно щёлкнуть правой кнопкой мыши на нужном квадратике в палитре цветов и выбрать команду

Set stroke. Этот способ применим и к нескольким объектам, если они выбраны.

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

Чтобы удалить обводку, вам нужно выбрать самый первый перечёркнутый квадрат и выбрать знакомую команду Set stroke.

Реклама

ColorPalette Класс (System.Drawing.Imaging) | Microsoft Docs

Были ли сведения на этой странице полезными?

Да Нет

Хотите оставить дополнительный отзыв?

Отзывы будут отправляться в корпорацию Майкрософт. Нажав кнопку «Отправить», вы разрешаете использовать свой отзыв для улучшения продуктов и служб Майкрософт. Политика конфиденциальности.

Отправить

Определение

Важно!

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

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

Определяет массив цветов, образующий цветовую палитру. Цвета — это 32-разрядные цвета ARGB. Не наследуется.

В этой статье

%MINIFYHTML653e0c9261511109afcfc443c5cd133413%
public ref class ColorPalette sealed
%MINIFYHTML653e0c9261511109afcfc443c5cd133414%
public sealed class ColorPalette
type ColorPalette = class
%MINIFYHTML653e0c9261511109afcfc443c5cd133415%
0 dotnet-plat-ext-6.0 netframework-1.1 netframework-2.0 netframework-3.0 netframework-3.5 netframework-4.0 netframework-4.5 netframework-4.5.1 netframework-4.5.2 netframework-4.6 netframework-4.6.1 netframework-4.6.2 netframework-4.7 netframework-4.7.1 netframework-4.7.2 netframework-4.8 windowsdesktop-3.0 windowsdesktop-3.1 windowsdesktop-5.0 windowsdesktop-6.0 ">Public NotInheritable Class ColorPalette
Наследование

Комментарии

Вам не разрешено создавать ColorPalette объект напрямую. Если вы создали ColorPalette объект, можно изменить размер палитры для конкретного изображения, что не допускается. Используйте Image.Palette свойство для получения ColorPalette объекта.

Цвета в палитре ограничены 32-разрядными цветами ARGB. 32-разрядный цвет ARGB имеет по 8 бит для значений альфа, красного, зеленого и синего. Младшие 8 бит составляют синий бит, следующие 8 бит зеленые, а следующие 8 бит — красным, а наиболее значащие 8 бит — альфа. Это означает, что каждый компонент может варьироваться от 0 до 255. Полностью включен — 255 и полностью отключено — 0. Альфа используется для того, чтобы значение цвета было прозрачным (альфа = 0) или непрозрачным (альфа = 255). Количество уровней интенсивности в изображении можно увеличить, не увеличивая число используемых цветов. Этот процесс создает то, что называется полутоновым, и предлагает увеличенный контраст по цене снижения разрешения.

Свойства

Entries

Возвращает массив структур Color.

Flags

Возвращает значение, указывающее, как интерпретировать цветовую информацию в массиве цветов.

Методы

Equals(Object)

Определяет, равен ли указанный объект текущему объекту.

(Унаследовано от Object)
GetHashCode()

Служит хэш-функцией по умолчанию.

(Унаследовано от Object)
GetType()

Возвращает объект Type для текущего экземпляра.

(Унаследовано от Object)
MemberwiseClone()

Создает неполную копию текущего объекта Object.

(Унаследовано от Object)
ToString()

Возвращает строку, представляющую текущий объект.

(Унаследовано от Object)

Применяется к

Палитра для макияжа глаз и лица SUCH A KNOW-IT-ALL PALETTE VOL.1

ТЕКСТУРА:
Сухая/Прессованная

ФИНИШ:
Металлический/Матовый/Атласный

ОСОБЕННОСТИ:
Покажи всем высший пилотаж с нашей новой палеткой Such a Know-It-All Palette Vol.1. В ней есть все, что тебе нужно, чтобы создавать самые разные образы: 24 оттенка высокопигментированных теней, два универсальных оттенка румян и два оттенка для контуринга. Помимо внушительного набора теней нейтральных, классических и дерзких цветов с металлическим, матовым и атласным финишами, в эту универсальную палетку входят нежно-розовые и пыльно-розовые румяна, а также контурные тона, — теплый коричневый и холодный серо-коричневый, — которые помогут выгодно подчеркнуть черты лица.

ПОДХОДИТ ДЛЯ: 
Любой тип кожи 

СПОСОБЫ ПРИМЕНЕНИЯ: 
Наноси тени плоской кистью PRO BRUSH — FLAT DETAIL, затем возьми круглую кисть PRO BRUSH — BLENDING и тщательно растушуй цвет по веку. Кистью PRO BRUSH — MULTI PURP BUFFING нанеси румяна на «яблочки» щёк для придания естественного румянца. Кистью PRO BRUSH — DUAL FIBER PWDR выполни контурирование.  

 

SHADE 1
SYNTHETIC FLUORPHLOGOPITE, TALC, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, DIMETHICONE, SYNTHETIC WAX, BORON NITRIDE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, SILICA, TIN OXIDE, METHICONE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL.

MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 2
SYNTHETIC FLUORPHLOGOPITE, TALC, CALCIUM TITANIUM BOROSILICATE, OCTYLDODECYL STEAROYL STEARATE, DIMETHICONE, ISOPROPYL ISOSTEARATE, SYNTHETIC WAX, TIN OXIDE, METHICONE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADES 3, 4
SYNTHETIC FLUORPHLOGOPITE ISOPROPYL ISOSTEARATE, CALCIUM TITANIUM BOROSILICATE, OCTYLDODECYL STEAROYL STEARATE, SYNTHETIC WAX, DIMETHICONE, MAGNESIUM STEARATE, TIN OXIDE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 5
SYNTHETIC FLUORPHLOGOPITE, OCTYLDODECYL STEAROYL STEARATE, ALUMINA, ISOPROPYL ISOSTEARATE, ETHYLHEXYL STEARATE, TALC, SYNTHETIC WAX, MAGNESIUM STEARATE, PENTAERYTHRITYL TETRAISOSTEARATE, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, TIN OXIDE, METHICONE, DIISOSTEARYL MALATE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA, CI 19140 / YELLOW 5 LAKE

SHADE 6
SYNTHETIC FLUORPHLOGOPITE, OCTYLDODECYL STEAROYL STEARATE, DIMETHICONE, ISOPROPYL ISOSTEARATE, SYNTHETIC WAX, MAGNESIUM STEARATE, TIN OXIDE, CAPRYLIC/CAPRIC TRIGLYCERIDE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE.

SHADE 7
SYNTHETIC FLUORPHLOGOPITE, TALC, OCTYLDODECYL STEAROYL STEARATE, DIMETHICONE, ISOPROPYL ISOSTEARATE, SYNTHETIC WAX, MAGNESIUM STEARATE, TIN OXIDE, METHICONE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 8
CALCIUM TITANIUM BOROSILICATE, SYNTHETIC FLUORPHLOGOPITE, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, POLYISOBUTENE, SILICA, SYNTHETIC WAX, ISOPROPYL ISOSTEARATE, MAGNESIUM STEARATE, ETHYLHEXYL STEARATE, PENTAERYTHRITYL TETRAISOSTEARATE, TIN OXIDE, DIISOSTEARYL MALATE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE.

SHADE 9, 10, 12
TALC, SILICA, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, SYNTHETIC WAX, DIMETHICONE, MAGNESIUM STEARATE, BORON NITRIDE, ETHYLHEXYL PALMITATE, METHICONE, POLYISOBUTENE, TIN OXIDE, GLYCERIN, ALUMINA, SYNTHETIC FLUORPHLOGOPITE, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 11
TALC, SYNTHETIC WAX, SILICA, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, MAGNESIUM STEARATE, METHICONE, GLYCERIN, DIMETHICONE, ALUMINA, ETHYLHEXYL PALMITATE, ETHYLHEXYLGLYCERIN, POLYISOBUTENE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 13, 16
TALC, SILICA, DIMETHICONE, BORON NITRIDE, CAPRYLIC/CAPRIC TRIGLYCERIDE, MAGNESIUM STEARATE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, GLYCERIN, METHICONE, ALUMINA, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77007 / ULTRAMARINES, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 14
TALC, SYNTHETIC WAX, SILICA, NYLON-12, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, MAGNESIUM STEARATE, METHICONE, DIMETHICONE, GLYCERIN, ALUMINA, CAPRYLIC/CAPRIC TRIGLYCERIDE, MALTODEXTRIN, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYL PALMITATE, ETHYLHEXYLGLYCERIN, POLYISOBUTENE, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77007 / ULTRAMARINES, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 15
TALC, SYNTHETIC FLUORPHLOGOPITE, SILICA, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, BORON NITRIDE, SYNTHETIC WAX, DIMETHICONE, MAGNESIUM STEARATE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, TIN OXIDE, GLYCERIN, METHICONE, ALUMINA, CAPRYLIC/CAPRIC TRIGLYCERIDE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, SORBIC ACID, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77007 / ULTRAMARINES, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 17
TALC, CI 77891 / TITANIUM DIOXIDE, MICA, HYDROGENATED STYRENE/ISOPRENE COPOLYMER, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, DIMETHICONE, SYNTHETIC WAX, MAGNESIUM STEARATE, BORON NITRIDE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, METHICONE, GLYCERIN, ALUMINA, ETHYLHEXYLGLYCERIN, PENTAERYTHRITYL TETRA-DI-T-BUTYL HYDROXYHYDROCINNAMATE, PHENOXYETHANOL.

SHADE 18, 24
TALC, ALUMINA, SILICA, BORON NITRIDE, DIMETHICONE, CAPRYLIC/CAPRIC TRIGLYCERIDE, MAGNESIUM STEARATE, GLYCERIN, METHICONE, ETHYLHEXYL PALMITATE, ETHYLHEXYLGLYCERIN, POLYISOBUTENE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA, CI 19140 / YELLOW 5 LAKE.

SHADE 19 – Not recommended for eye use
TALC, ALUMINA, SILICA, DIMETHICONE, CAPRYLIC/CAPRIC TRIGLYCERIDE, BORON NITRIDE, BARIUM SULFATE, MAGNESIUM STEARATE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, METHICONE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, SORBIC ACID, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 15850 / RED 7 LAKE, MICA, CI 19140 / YELLOW 5 LAKE.

SHADE 20 – Not recommended for eye use
TALC, SILICA, SYNTHETIC WAX, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, MAGNESIUM STEARATE, BARIUM SULFATE, DIMETHICONE, ETHYLHEXYL PALMITATE, METHICONE, POLYISOBUTENE, CAPRYLIC/CAPRIC TRIGLYCERIDE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 15850 / RED 7 LAKE, CI 77007 / ULTRAMARINES, CI 77491, CI 77492, CI 77499 / IRON OXIDES, MICA.

SHADE 21
PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, CALCIUM TITANIUM BOROSILICATE, DIMETHICONE, SYNTHETIC FLUORPHLOGOPITE, SYNTHETIC WAX, ETHYLHEXYL PALMITATE, POLYISOBUTENE, MAGNESIUM STEARATE, SILICA, ALUMINUM HYDROXIDE, TIN OXIDE, CAPRYLIC/CAPRIC TRIGLYCERIDE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77510 / FERRIC FERROCYANIDE, CI 77891 / TITANIUM DIOXIDE, MICA, CI 42090 / BLUE 1 LAKE.

SHADE 22
TALC, ALUMINUM HYDROXIDE, CAPRYLIC/CAPRIC TRIGLYCERIDE, SILICA, SYNTHETIC FLUORPHLOGOPITE, DIMETHICONE, MAGNESIUM STEARATE, ALUMINA, ETHYLHEXYL PALMITATE, POLYISOBUTENE, TIN OXIDE, METHICONE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA, CI 19140 / YELLOW 5 LAKE, CI 42090 / BLUE 1 LAKE.

SHADE 23
2020970 INGREDIENTS / INGRÉDIENTS: TALC, SYNTHETIC WAX, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, SILICA, MAGNESIUM STEARATE, METHICONE, DIMETHICONE, ETHYLHEXYL PALMITATE, GLYCERIN, ALUMINA, CAPRYLIC/CAPRIC TRIGLYCERIDE, MALTODEXTRIN, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, POLYISOBUTENE, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 75470 / CARMINE, CI 77007 / ULTRAMARINES, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 25 & 26 – Not recommended for eye use
TALC, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, SYNTHETIC WAX, NYLON-12, SILICA, MAGNESIUM STEARATE, SYNTHETIC FLUORPHLOGOPITE, DIMETHICONE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, METHICONE, TIN OXIDE, BARIUM SULFATE, ALUMINA, CAPRYLIC/CAPRIC TRIGLYCERIDE, ETHYLHEXYL METHOXYCINNAMATE, ETHYLHEXYLGLYCERIN, BUTYL METHOXYDIBENZOYLMETHANE, BHT, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 15850 / RED 7 LAKE, CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA, CI 19140 / YELLOW 5 LAKE.

SHADE 27
TALC, MAGNESIUM STEARATE, DIMETHICONE, ISOPROPYL ISOSTEARATE, PENTAERYTHRITYL TETRAISOSTEARATE, METHICONE, GLYCERIN, SILICA DIMETHYL SILYLATE [NANO] / SILICA DIMETHYL SILYLATE, ALUMINA, PETROLATUM, ETHYLHEXYLGLYCERIN, SORBIC ACID, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE, MICA.

SHADE 28
TALC, SILICA, ALUMINUM STARCH OCTENYLSUCCINATE, PARAFFINUM LIQUIDUM / MINERAL OIL / HUILE MINERALE, SYNTHETIC WAX, MAGNESIUM STEARATE, ETHYLHEXYL PALMITATE, POLYISOBUTENE, DIMETHICONE, METHICONE, AQUA / WATER / EAU, GLYCERIN, ALUMINA, ETHYLHEXYLGLYCERIN, PHENOXYETHANOL. MAY CONTAIN / PEUT CONTENIR (+/-): CI 77491, CI 77492, CI 77499 / IRON OXIDES, CI 77891 / TITANIUM DIOXIDE.

%d0%bf%d0%b0%d0%bb%d0%b8%d1%82%d1%80%d0%b0%20%d1%86%d0%b2%d0%b5%d1%82%d0%be%d0%b2 — со всех языков на все языки

Все языкиРусскийАнглийскийИспанский────────Айнский языкАканАлбанскийАлтайскийАрабскийАрагонскийАрмянскийАрумынскийАстурийскийАфрикаансБагобоБаскскийБашкирскийБелорусскийБолгарскийБурятскийВаллийскийВарайскийВенгерскийВепсскийВерхнелужицкийВьетнамскийГаитянскийГреческийГрузинскийГуараниГэльскийДатскийДолганскийДревнерусский языкИвритИдишИнгушскийИндонезийскийИнупиакИрландскийИсландскийИтальянскийЙорубаКазахскийКарачаевскийКаталанскийКвеньяКечуаКиргизскийКитайскийКлингонскийКомиКомиКорейскийКриКрымскотатарскийКумыкскийКурдскийКхмерскийЛатинскийЛатышскийЛингалаЛитовскийЛюксембургскийМайяМакедонскийМалайскийМаньчжурскийМаориМарийскийМикенскийМокшанскийМонгольскийНауатльНемецкийНидерландскийНогайскийНорвежскийОрокскийОсетинскийОсманскийПалиПапьяментоПенджабскийПерсидскийПольскийПортугальскийРумынский, МолдавскийСанскритСеверносаамскийСербскийСефардскийСилезскийСловацкийСловенскийСуахилиТагальскийТаджикскийТайскийТатарскийТвиТибетскийТофаларскийТувинскийТурецкийТуркменскийУдмуртскийУзбекскийУйгурскийУкраинскийУрдуУрумскийФарерскийФинскийФранцузскийХиндиХорватскийЦерковнославянский (Старославянский)ЧеркесскийЧерокиЧеченскийЧешскийЧувашскийШайенскогоШведскийШорскийШумерскийЭвенкийскийЭльзасскийЭрзянскийЭсперантоЭстонскийЮпийскийЯкутскийЯпонский

 

Все языкиРусскийАнглийскийИспанский────────АймараАйнский языкАлбанскийАлтайскийАрабскийАрмянскийАфрикаансБаскскийБашкирскийБелорусскийБолгарскийВенгерскийВепсскийВодскийВьетнамскийГаитянскийГалисийскийГреческийГрузинскийДатскийДревнерусский языкИвритИдишИжорскийИнгушскийИндонезийскийИрландскийИсландскийИтальянскийЙорубаКазахскийКарачаевскийКаталанскийКвеньяКечуаКитайскийКлингонскийКорейскийКрымскотатарскийКумыкскийКурдскийКхмерскийЛатинскийЛатышскийЛингалаЛитовскийЛожбанМайяМакедонскийМалайскийМальтийскийМаориМарийскийМокшанскийМонгольскийНемецкийНидерландскийНорвежскийОсетинскийПалиПапьяментоПенджабскийПерсидскийПольскийПортугальскийПуштуРумынский, МолдавскийСербскийСловацкийСловенскийСуахилиТагальскийТаджикскийТайскийТамильскийТатарскийТурецкийТуркменскийУдмуртскийУзбекскийУйгурскийУкраинскийУрдуУрумскийФарерскийФинскийФранцузскийХиндиХорватскийЦерковнославянский (Старославянский)ЧаморроЧерокиЧеченскийЧешскийЧувашскийШведскийШорскийЭвенкийскийЭльзасскийЭрзянскийЭсперантоЭстонскийЯкутскийЯпонский

Теория цвета и цветовые палитры — полное руководство [2022]

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

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

Перед дизайнерами пользовательского интерфейса (UI) стоит непростая задача — включить цвет в свой интерфейс таким образом, чтобы он четко передал визуальную идентичность бренда. Хотя может показаться, что цветовая палитра веб-сайта — это вопрос личного вкуса клиента, на самом деле дизайнеры пользовательского интерфейса полагаются на структуру, называемую теорией цвета: многоуровневый набор рекомендаций, который информирует об использовании цвета в дизайне.

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

Вот что мы рассмотрим:

  1. Что такое теория цвета?
  2. Знакомство с цветовым кругом
  3. Важность цветовой гармонии 
  4. Аддитивные и субтрактивные цветовые модели
  5. Знакомство с цветовыми палитрами 
  6. Какие существуют типы цветовых палитр?
  7. Как выбрать цветовую палитру 
  8. Лучшие онлайн-инструменты для выбора цветовой палитры 
  9. Заключительные мысли 

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

1. Что такое теория цвета?

Начнем с основ: что такое теория цвета?

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

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

Давайте быстро вспомним, что значат эти цветовые категории:

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

2. Знакомство с цветовым кругом

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

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

Оттенок

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

Оттенок

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

Оттенок

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

Тон

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

Цветовая температура

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

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

3. Важность цветовой гармонии

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

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

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

4.Аддитивные и субтрактивные цветовые модели

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

Аддитивная цветовая модель (RGB)

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

Субтрактивная цветовая модель (CMYK)

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

5. Знакомство с цветовыми палитрами

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

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

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

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

6. Какие существуют типы цветовых палитр?

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

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

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

Аналоговая

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

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

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

Сплит-дополнительная цветовая палитра

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

Триадный

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

Tetradic

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

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

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

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

Изучите свою аудиторию

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

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

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

Примите во внимание психологию цвета

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

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

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

Выбирайте цвета с умом

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

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

Не экономьте на контрасте

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

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

Придерживайтесь соглашений пользовательского интерфейса

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

Некоторые распространенные цветовые соглашения в дизайне пользовательского интерфейса включают:

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

Соблюдение этих соглашений уменьшит когнитивную нагрузку на ваших пользователей и позволит им интуитивно ориентироваться в интерфейсе.

Получить отзыв

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

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

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

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

Adobe Color

Будучи источником «хлеба с маслом» для всех цифровых креативщиков, Adobe Color предлагает практически любую цветовую палитру. По сравнению с другими генераторами цветовых схем, Adobe Color гораздо более универсален, поэтому не выбирайте его, если вам нужно что-то быстрое и простое. Среди ключевых функций Adobe Colors — генератор цветовой палитры, который извлекает цвета из загруженных вами изображений.

Coolors

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

Цветовая шкала Adobe Illustrator

Цветовая шкала Adobe Illustrator выделяется своей популярной функцией «цветовая шкала». После того, как вы выбрали цвет, руководство по цвету сгенерирует для вас палитру из пяти цветов. Он также предоставит вам ряд оттенков и оттенков для каждого цвета в палитре. Если вы переключите свой основной цвет, цветовая шкала автоматически обновит соответствующие цвета, чтобы ваши акцентные цвета дополняли друг друга.

9. Заключительные мысли

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

Ищете вдохновение для дизайна пользовательского интерфейса? Ознакомьтесь с этими сообщениями в блоге:

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

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

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


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

Этот фильм наполнен сценами, освещенными неоном, и эти неоновые цвета сильно отражаются в сгенерированных палитрах.

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

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


Оставайтесь на связи

Подпишитесь на нашу рассылку новостей и объявлений, связанных с Colormind.


Советы по использованию

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

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


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


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


Лучшие инструменты цветовой палитры для моушн-дизайна

Список некоторых наших любимых инструментов цветовой палитры для моушн-дизайна.

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

Мы понимаем вашу боль, поэтому мы подумали, что было бы интересно рассказать о нескольких ресурсах, которые помогут вам создавать и использовать цветовые палитры в ваших проектах MoGraph.

Зачем использовать цветовые палитры?

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

Например, компания Coca-Cola потратила много времени на совершенствование своего культового красного цвета. Если бы вы когда-либо работали на них, они бы определенно следили за любыми изменениями в этом конкретном красном цвете.Вместо того, чтобы гадать, какой у них цвет, они скажут вам, предоставив все одобренные брендом цвета как для CMYK, так и для RGB (#fe001a, если вам интересно…).

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

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

Цвет в Интернете

Прежде чем мы углубимся в собственные и сторонние инструменты для After Effects, давайте рассмотрим некоторые параметры, доступные прямо в веб-браузере и на мобильных устройствах

1 .ADOBE COLOR

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

Домашняя страница Adobe Color

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

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

Лучшие цвета для иллюстраций на вкладке «Изучение трендов»

У Adobe также есть приложение Adobe Capture, которое позволяет создавать собственные палитры на ходу; дает вам возможность извлекать цвета из любой точки мира. Эти цветовые палитры также можно сохранить в вашей библиотеке Creative Cloud для использования в ваших приложениях Adobe.

Главная страница Adobe Capture
2. COOLORS.CO

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

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

Используя Coolors, вы можете создавать цвета в:

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

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

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

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

Если вы в дороге Coolors создала приложение для iOS, которое позволяет вам создавать и полировать свои цветовые палитры. Есть что-то в построении цветовой палитры, что действительно может погрузить вас в дзен. Обязательно попробуйте, Coolors.co определенно является фаворитом отрасли.

3. PALETTON

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

Палитра цветов и средство просмотра Paletton

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

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

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

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

Чтобы получить по-настоящему универсальный опыт, зайдите на Paletton.com.

Цветовые плагины и инструменты

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

1. RAY DYNAMIC COLOR

Время от времени появляется плагин, который отвечает на молитвы моушн-дизайнеров во всем мире.Ray Dynamic Color от Sander Van Dijk — один из таких плагинов…

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

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

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

2. CREATIVE CLOUD LIBRARY

Покопавшись в After Effects, вы могли заметить, что библиотеки дает вам возможность просматривать цветовые палитры, сохраненные в вашей библиотеке Creative Cloud.

Окно «Библиотеки» не просто хранит ваши графические изображения; его также можно использовать для хранения цветовых палитр. Ранее мы говорили об Adobe Capture и Adobe Color. Оба предлагают варианты сохранения цветовых палитр в Creative Cloud. Панель библиотек — это место, где вы можете найти эти цветовые палитры.

Панель «Библиотеки» в After Effects

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

Учебники по использованию цвета

Если вы ищете интересный способ работы с цветом, посмотрите эти забавные видео! Мы начнем с урока по советам по цвету от 30 Days of After Effects.

Это демонстрация набора функций Ray Dynamic Color.

Хотите углубиться в дизайн?

Готовы ли вы поднять свои дизайнерские навыки на ступеньку выше? Design Bootcamp — это ускоренная онлайн-программа, которая поможет вам освоить современные принципы и проекты в области дизайна. В ходе курса сидите за плечом мастера-дизайнера Майка Фредрика, который покажет вам, как создавать потрясающие дизайнерские работы с нуля, а также даст вам представление о современном процессе проектирования.

Генератор цветовых палитр Data Viz (для диаграмм и информационных панелей)

Как использовать

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

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

Создание визуально равноудаленных палитр вручную практически невозможно, но чрезвычайно важно для визуализации данных. Почему? Когда цвета 90 457, а не 90 458 визуально равноудалены, сложнее (а) различить их на диаграмме и (б) сравнить диаграмму с ключом.Я уверен, что мы все видели диаграммы, где вы вряд ли сможете использовать ключ, поскольку цвета данных очень похожи.

Например, Google Analytics делает ужасную работу с этим:

Просто попробуйте использовать этот ключ. Попробуй.

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

Ах! Намного лучше.

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

Вот несколько советов, как выбрать лучшую палитру:

  • Попробуйте выбрать очень разных цвета конечных точек – e.грамм. один теплый, один прохладный; один светлый, один темнее – чтобы ваша палитра покрывала более широкий диапазон
  • Если вы используете фирменный цвет для одной конечной точки, не бойтесь немного изменить насыщенность и яркость , если это создаст более приятную палитру. Пользователи узнают ваш фирменный цвет по оттенку 90 457 гораздо больше 90 458, чем по его точной насыщенности/яркости.
  • Для визуализации данных, где вы показываете силу одного значения , попробуйте вместо этого использовать Генератор палитры одного оттенка.

О, и…

Подробнее о цвете

Если вы новичок в дизайне пользовательского интерфейса, я настоятельно рекомендую следующие ресурсы:

Как бы то ни было, я создал этот инструмент для создания палитр визуализации данных. Есть ли еще одна особенность, которую вы хотели бы видеть в нем? Дайте мне знать.

Цветовая палитра — Руководство для начинающих в Inkscape 1.0 документация

В нижней части окна Inkscape вы можете найти цветовую палитру .

Самый быстрый способ применить цвет к объекту:

  1. Выберите объект с помощью инструмента Selector .
  2. Щелкните левой кнопкой мыши на выбранном вами цвете в палитре.
  3. Цвет будет немедленно применен к вашему объекту.

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

Каждый векторный объект может иметь цвет обводки и цвет заливки. Чтобы применить цвет обводки:

  1. Выберите объект с помощью инструмента Selector .
  2. Удерживайте нажатой Shift и щелкните левой кнопкой мыши в поле цвета твой выбор.
  3. Цвет будет немедленно применен к обводке объекта.

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

  1. Нажмите на крошечный треугольник справа от палитры, возле поля окна Inkscape.
  2. Нажмите на название другой палитры.

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

Наконечник

Пользовательские палитры

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

Перезапустите Inkscape, чтобы увидеть новую палитру в списке.

Объект со светло-голубой заливкой и темно-синей обводкой

Красочная палитра расположена внизу окна.Палитра меню опций развернуто.

Цвет заливки можно перетащить из палитры на объект.

Санкционная политика — наши внутренние правила

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

Как глобальная компания, базирующаяся в США и осуществляющая деятельность в других странах, Etsy должна соблюдать экономические санкции и торговые ограничения, включая, помимо прочего, те, которые введены Управлением по контролю за иностранными активами («OFAC») Департамента США. казначейства.Это означает, что Etsy или кто-либо, использующий наши Услуги, не может принимать участие в транзакциях, в которых участвуют определенные люди, места или предметы, происходящие из определенных мест, как это определено такими агентствами, как OFAC, в дополнение к торговым ограничениям, налагаемым соответствующими законами и правилами.

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

Например, эти ограничения обычно запрещают, но не ограничиваются транзакциями, включающими:

  1. Определенные географические области, такие как Крым, Куба, Иран, Северная Корея, Сирия, Россия, Беларусь, Донецкая Народная Республика («ДНР») и Луганская Народная Республика («ЛНР») области Украины, или любой отдельный или юридическое лицо, работающее или проживающее в этих местах;
  2. Физические или юридические лица, указанные в санкционных списках, таких как Список особо обозначенных граждан (SDN) OFAC или Список иностранных лиц, уклоняющихся от санкций (FSE);
  3. Граждане Кубы, независимо от местонахождения, если не установлено гражданство или постоянное место жительства за пределами Кубы; и
  4. Предметы, происходящие из регионов, включая Кубу, Северную Корею, Иран или Крым, за исключением информационных материалов, таких как публикации, фильмы, плакаты, грампластинки, фотографии, кассеты, компакт-диски и некоторые произведения искусства.
  5. Любые товары, услуги или технологии от ДНР и ЛНР, за исключением соответствующих информационных материалов, и сельскохозяйственных товаров, таких как продукты питания для людей, семена продовольственных культур или удобрения.
  6. Ввоз в США следующих товаров российского происхождения: рыбы, морепродуктов, непромышленных алмазов и любых других товаров, время от времени определяемых министром торговли США.
  7. Вывоз из США или лицом США предметов роскоши и других предметов, которые могут быть определены США.S. Министр торговли, любому лицу, находящемуся в России или Беларуси. Список и описание «предметов роскоши» можно найти в Приложении № 5 к Части 746 Федерального реестра.
  8. Товары, происходящие из-за пределов США, на которые распространяется действие Закона США о тарифах или связанных с ним законов, запрещающих использование принудительного труда.

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

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

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

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

Ресурсы: Министерство финансов США; Бюро промышленности и безопасности Министерства торговли США; Государственный департамент США; Европейская комиссия

Последнее обновление: 18 марта 2022 г.

цветов Datafam: краудсорсинговый проект цветовой палитры Tableau

 

Должен ли @tableau открыть конкурс с просьбой к #datafam поделиться своими любимыми цветовыми палитрами? А затем включить их в стандартные поддоны (назвав их в честь их создателей)?

— Родриго Каллони (@tableauing) 6 мая 2021 г.

 

Мне очень понравилась идея конкурса, в котором Tableau добавит несколько самые популярные пользовательские цветовые палитры сообщества.Но я также задавался вопросом, если мы можно пойти еще дальше и найти способ легко получить палитры из краудсорсинга. сообщество. Я связался с Родриго, и мы начали обсуждать, как нам быть. возможность собирать любимые палитры людей, а затем делать их легкодоступными. Так родился наш проект Datafam Colors . Вот как работает:

 

1) Члены сообщества (вы!!) заполните простую форму Google, чтобы отправить палитра. В форме запрашивается ваше имя, адрес электронной почты (не волнуйтесь, он будет сохранен private), тип палитры, имя палитры и список шестнадцатеричных цветов.Ты сможешь отправьте столько палитр, сколько хотите.

 

2) Рабочая книга Tableau автоматически обновляется и включает ваши палитры. В обновлении используется Коннектор Tableau Public для Google Таблиц, поэтому он будет обновляться один раз в день.

 

3) С помощью рабочей книги члены сообщества могут просматривать все различные палитры, затем загрузите файл preferences.tps файл, содержащий все палитры (этот файл нужно просто поместить в Каталог репозитория Tableau).

 

4) Теперь у вас есть доступ ко всем палитрам, представленным сообществом!

 

Рабочая тетрадь

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

 

 

Если вы нажмете на палитры (внизу), вы попадете в подробное страница, где вы можете просмотреть все палитры:

 

 

Вы увидите название палитры, кто ее представил, описание (если один был предоставлен), по каждому из цветов, включая шестнадцатеричный код и название цвета (любезно предоставлено списком названий цветов проект). Я должен отметить, что все отображаемые цвета являются приблизительными фактический цвет.Хотя различия должны быть незначительными, вы можете щелкнуть палитра, чтобы увидеть точные цвета на coolors.co.

 

Кнопки в верхнем правом углу позволяют вам (слева на справа):

 

1) Загрузите файл settings.tps.

 

2) Переключение между темным и светлым фоном.

 

3) Отправьте в проект свои собственные палитры (открывает форму Google упоминалось ранее).

 

4) Откройте меню, позволяющее сортировать и фильтровать палитры.

 

Примеры

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

 

Марк Брэдборн поделился 8 «Квартирами» совершенно великолепные палитры (они также доступны на веб-сайте Марка, наряду со многими другими: Архив палитры Сынов Иерархий).

 

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

 

 

И многие другие, в том числе две большие палитры от Джонатана Драмми, предназначенные для визуализации спутниковых данных вегетационного индекса; есть благоприятные для цветового дефицита палитры от Екатерины Цувальцидис; и многое другое!

 

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

 

Другие цветовые ресурсы

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

 

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

 

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

 

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

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

 

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

 

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

 

Генератор цветовых палитр Tableau — инструмент, созданный Люком Станке/Tessellation, позволяющий создавать собственные цветовые палитры Tableau.

 

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

 

 

Спасибо за прочтение и не забудьте отправить свои самые полезные палитры так что мы можем продолжать развивать этот проект!

 

Кен Флерлаге, 7 июня 2021 г.

Добавить комментарий

Ваш адрес email не будет опубликован.