Генерация цветовой схемы из одного цвета

Question

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

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

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

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

Answer 1

Лучший способ - использовать модель HSL, поскольку эта модель является линейной моделью восприятия. Поэтому вам, возможно, придется сначала преобразовать (шестнадцатеричное?) Значение цвета в HSL.

CSS поддерживает HSL

Обновление : если вы используете Sass , это еще проще.

"Стандартные математические операции (+, -, *, / и%) поддерживаются для номера, даже те, с единицами. Для цветов есть все виды полезные функции для изменения яркости, оттенка, насыщенности и больше. "