SCSS стартер для создания гармонических цветовых палитр на основе цветовых колесных схем.
Содержание статьи
Как
- Открыть scss / colorcalc.scss .
- Отредактируйте значения для оттенков, насыщенности, лёгкости и альфы в $ h $ s $ l $ a .
- Сохранить и скомпилировать.
Цветовые схемы
комплементарной
Дополнительные схемы создаются путем комбинирования цветов с противоположных сторон цветового круга.
Цвета 180 градусов разделены в цветовом круге.
Split Complementary
. Разделенные дополнительные схемы используют цвета, которые расположены по обе стороны от оттенка, противоположного вашему базовому оттенку.
Цвета 150 градусов разделены в цветовом колесе в каждом направлении.
Аналог
Аналогичные цветовые схемы являются следующими простейшими для создания. Аналогичные схемы создаются с использованием трех цветов, расположенных рядом друг с другом на цветном колесе с 12 спицами.
Цвета 30 градусов разделены в цветовом колесе в каждом направлении.
Триада
Триадические схемы состоят из оттенков, равномерно распределенных вокруг колесика с 12 спицами.
Цвета 120 градусов разделены в цветовом колесе в каждом направлении.
Тетрадический прямоугольник
Четыре цвета расположены в двух дополнительных цветовых парах.
Набор цветных цветов плюс их 60 градусов разделены в цветовом круге.
Тетрадическая площадь
Четыре цвета расположены в двух дополнительных цветовых парах.
Набор цветных цветов плюс их 90 градусов разделены в цветовом круге.
Источник
Основные цветовые схемы — Введение в теорию цвета