Генератор цветовых палитр
Мгновенно создайте палитру из пяти цветов: нажмите пробел, чтобы перемешать, закрепите понравившиеся цвета, меняйте режимы гармонии и экспортируйте или делитесь палитрой.
Нажмите пробел, чтобы перемешать; закрепите нужные образцы, и остальные перегенерируются вокруг них. Всё работает в вашем браузере, без регистрации, полностью бесплатно.
О Генератор цветовых палитр
Генератор цветовых палитр создаёт схему из пяти цветов одним нажатием клавиши. Нажмите пробел, или кнопку «Создать», и появится новая палитра; закрепите нужные образцы и нажмите снова, и заменятся только незакреплённые цвета, так что вы можете дорабатывать схему по одному цвету за раз, а не начинать заново.
Результат определяют пять режимов генерации. Случайный исследует всё цветовое пространство, тогда как Аналоговый, Дополнительный, Триадный и Монохромный строят палитру из HSL-отношений вокруг базового оттенка, причём каждому слоту задаётся собственный диапазон насыщенности и светлоты, так что результат выглядит как продуманная схема, а не пять несвязанных цветов.
У каждого образца есть пипетка для тонкой настройки и значение HEX, копируемое одним кликом. Палитра закодирована в URL страницы, поэтому кнопка «Поделиться» копирует ссылку, которая открывает ровно те же цвета, а панель экспорта создаёт переменные CSS, SCSS, конфигурацию Tailwind, JSON, лист образцов SVG или простой список HEX. Всё работает в вашем браузере: ничего не загружается и ничего не тарифицируется.
Как использовать Генератор цветовых палитр
- Нажмите пробел или кнопку «Создать палитру», чтобы создать схему из пяти цветов.
- Нажмите значок замка на любом образце, который хотите сохранить, затем сгенерируйте снова, чтобы заменить только остальные.
- Выберите режим генерации (Случайный, Аналоговый, Дополнительный, Триадный или Монохромный, чтобы задать гармонию.
- Тонко настройте любой цвет его пипеткой и нажмите значение HEX, чтобы скопировать его.
- Используйте «Копировать ссылку», чтобы сохранить палитру в URL, или откройте Экспорт для CSS, SCSS, Tailwind, JSON или SVG.