Экспортируйте цветовую палитру в файл с переменными SCSS/LESS/CSS

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

как экспортировать цветовую палитру в файл переменных SCSS/LESS/CSS?

Найдите свою палитру или создайте новую
Откройте ссылку с палитрой (К примеру: Bootstrap 4 Цвета )
Подойдет страница любой палитры, своей или чужой.
Нажмите кнопку «Экспорт»
Вкладка «Файлы» скачивает палитру в формате ASE (Adobe Swatch Exchange, для Photoshop и Illustrator), SVG или JSON. Вкладки CSS, SCSS и LESS показывают цвета в виде переменных, а вкладка «Цвета» дает простой список HEX-кодов в файле .txt.
Выберите тип файла SCSS, LESS или CSS и нажмите кнопку «Загрузить»
Переменные получают имена по названиям цветов в палитре, например --color-sky-blue, или нумеруются --color-1, --color-2, если у цвета нет названия. В CSS-файле они собраны в :root, поэтому он работает сразу.
Сохраните файл и наслаждайтесь.

Экспортируйте цветовую палитру в файл с переменными SCSS/LESS/CSS видеоурок

Хотите посмотреть? В видео ниже пошагово показан экспорт палитры.