Color Kitchen

Плагин Color Kitchen помогает создавать гайды для работы с цветами и цветовыми стилями прямо на рабочей области, где можно видеть, что происходит.

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

1. Нажмите «Create components», чтобы создать страницу с компонентами, необходимыми для плагина «Color Kitchen»;
2. Разместите на рабочей области экземпляры компонента Color Kitchen;
3. Выберите цвет или цветовой стиль в качестве источника, применив его к первому (⚪️ Swatch Layer) слою образцов слева;
4. Измените компоненты модификатора (⚙️ Modifier) и значение модификатора (🎚 Value) по своему усмотрению. Также можно отключить гайд, чтобы иметь возможность более свободно перемещать элементы внутри гайда. Добавьте столько (⚙️ Modifiers) Модификаторов и (⚙️Color Swatches) Образцов цвета, сколько хотите;
5. Выберите один или несколько гайдов и запустите их, чтобы увидеть, как модификаторы изменяют все образцы цветов справа от них. Или запустите все гайда на странице, ничего не выбирая перед запуском команды;
6. Если хотите связать два или более стилей, создайте или примените существующие стили к одному или нескольким слоям (⚪️ Swatch Layers) с правой стороны.

Дополнительные возможности

• Добавьте экземпляры (⚙️Print) в гайд, чтобы увидеть значения цветов, коэффициенты контрастности, названия стилей или описания, напечатанные на рабочей области;
• Измените свойства варианта слоев (⚙️Color Swatch), чтобы переопределить определенные значения цвета в стилях с несколькими заливками, эффектами и градиентами. Нужно указать, какие из эффектов, заливок или цветовых переходов в градиенте вы хотите переопределить, указав координаты в виде числа. 0 — первая заливка/эффект. В случае градиентов вам необходимо указать два числа: номер заливки и номер цветовой точки, например: 0:1.

Случаи применения

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

Доступные цветовые преобразования

• Осветлить/затемнить;
• Насыщенность/обесцвечивание;
• Каналы: установите или измените значение одного канала (например, красный, оттенок или яркость);
• Непрозрачность: Установите или добавьте/вычтите непрозрачность;
• Яркость: установите, чтобы контрасты работали;
• Смешайте два цвета;
• Смешайте два цвета, используя разные режимы наложения;
• Минимум контрастности: темнее или ярче, пока не будет достигнут заданный коэффициент контрастности по отношению к данному второму цвету. (игнорирует непрозрачность).