🎨 Генератор палитры цветов
Мгновенно создавайте красивые палитры из 5 цветов с использованием режимов гармонии, таких как аналоговые, дополнительные и триадические — или извлекайте палитру напрямую из любого изображения. Зафиксируйте цвета, которые вам нравятся, а затем экспортируйте набор в виде списка HEX, переменных CSS, конфигурации Tailwind или JSON. Это полностью бесплатно и работает полностью в вашем браузере без загрузки или входа в систему.
Нажмите клавишу Spacebar, чтобы создать новую палитру.
Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.
Об инструменте
Этот инструмент создает палитры из 5 цветов двумя способами: генерируйте их из четырех режимов гармонии (Случайный, Аналоговый, Дополнительный, Триадический) или извлеките пять доминирующих цветов из любого изображения, которое вы выберете — изображение обрабатывается локально с использованием median-cut квантования и никогда не загружается. Зафиксируйте отдельные цветовые образцы, чтобы сохранить их при повторной генерации, а затем скопируйте любой отдельный код HEX или экспортируйте всю палитру в нужном формате: простой список HEX, пользовательские свойства CSS, фрагмент цветов Tailwind или массив JSON. Все работает в вашем браузере, поэтому ни один цвет или изображение никогда не покидает ваше устройство — нет сервера или учетной записи. Каждый цветовой образец также показывает ближайший PANTONE Solid Coated номер (например, PANTONE 185 C), поэтому сгенерированная или извлеченная из изображения палитра может сразу перейти к рабочему процессу печати.
Как пользоваться
- Выберите режим гармонии — Random, Analogous, Complementary или Triadic — из выпадающего списка Mode.
- Нажмите Generate (или нажмите клавишу Spacebar), чтобы создать новую палитру из 5 цветов.
- Нажмите значок замка на любом элементе, чтобы зафиксировать этот цвет, пока генерируются остальные.
- Нажмите Copy HEX на элементе, чтобы скопировать код HEX этого цвета в буфер обмена.
- Используйте Copy All, чтобы экспортировать все пять кодов HEX сразу для использования в вашем инструменте дизайна или коде.
- Нажмите «Из изображения» и выберите фото — инструмент извлечет пять доминирующих цветов изображения в палитру, все локально.
- Выберите формат экспорта — список HEX, переменные CSS, Tailwind или JSON — и нажмите «Копировать», чтобы вставить палитру в ваш проект.
Частые вопросы
- Этот инструмент бесплатный?
- Да, полностью бесплатный — без подписки, без аккаунта и без скрытых ограничений. Просто откройте страницу и начните генерировать палитры.
- Вы загружаете мои данные цвета на сервер?
- Нет. Весь инструмент работает в вашем браузере с использованием JavaScript. Ничто не отправляется на любой сервер — данные ваших палитр цветов остаются только в localStorage вашего браузера.
- Работает ли Генератор палитры цветов оффлайн?
- Да. После загрузки страницы инструмент полностью работает оффлайн. Нет внешних вызовов API или зависимостей от CDN.
- В чем разница между режимами гармонии?
- Random выбирает пять несвязанных оттенков. Analogous группирует пять оттенков, близко расположенных на цветовом круге, для спокойного и согласованного вида. Complementary сочетает оттенки с противоположных сторон круга для высокого контраста. Triadic распределяет три группы оттенков на 120 градусах для ярких и сбалансированных палитр.
- Могу ли я сохранить цвет, который мне нравится, при повторной генерации остальных?
- Да. Нажмите значок замка на любом элементе, чтобы зафиксировать его. Зафиксированные элементы пропускаются при генерации, поэтому вы можете свободно итерировать вокруг своих любимых цветов.
- Можно ли создать палитру из изображения?
- Да. Нажмите «Из изображения» и выберите фото; инструмент извлечет пять доминирующих цветов изображения с использованием median-cut квантования, полностью в вашем браузере — изображение никогда не загружается.
- Какие форматы экспорта доступны?
- Скопируйте палитру в виде простого списка HEX, пользовательских свойств CSS (переменные :root), фрагмента цветов Tailwind или массива JSON — готово к вставке в ваш код или инструмент дизайна.
- Могу ли я увидеть номера Pantone для палитры?
- Да. Каждый из пяти цветовых образцов показывает свой код HEX и ближайшее совпадение PANTONE Solid Coated (например, PANTONE 185 C); нажмите на метку Pantone, чтобы скопировать. Совпадения используют перцептуальную формулу CIEDE2000 и являются приблизительным ориентиром sRGB, поскольку цвета Pantone определяются физически, а не по значению экрана.
- Загружает ли этот инструмент мои данные?
- Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.