Палитра из HEX
Генерирует tints (светлые) и shades (тёмные) — как Tailwind 50/100/…/950. И цветовые схемы.
Tints/shades 50–950
Цветовые схемы
CSS-переменные
О сервисе
Из одного исходного цвета строит палитру в стиле Tailwind (50, 100, 200…950) и три цветовые схемы: комплементарная, аналогичная, триадная. Готовые CSS-переменные.
Что умеет
- 11 оттенков от 50 (светлый) до 950 (тёмный)
- Комплементарная схема (противоположный цвет)
- Аналогичная схема (±30° по hue)
- Триадная схема (3 цвета по 120°)
- Готовый CSS-блок с :root переменными
- Клик по образцу — копирование HEX
Как работает
Цвет переводится в HSL, фиксируется hue и saturation, варьируется lightness по предзаданным значениям. Для схем меняется hue.
Пример
Удобно для дизайн-систем: вводите бренд-цвет — получаете полный набор оттенков и сочетающихся цветов.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
