🛝Toolio
О нас Контакты

🎨 Генератор палитры цветов

Мгновенно создавайте красивые палитры из 5 цветов с использованием режимов гармонии, таких как аналоговые, дополнительные и триадические — или извлекайте палитру напрямую из любого изображения. Зафиксируйте цвета, которые вам нравятся, а затем экспортируйте набор в виде списка HEX, переменных CSS, конфигурации Tailwind или JSON. Это полностью бесплатно и работает полностью в вашем браузере без загрузки или входа в систему.

Нажмите клавишу Spacebar, чтобы создать новую палитру.

Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.

Об инструменте

Этот инструмент создает палитры из 5 цветов двумя способами: генерируйте их из четырех режимов гармонии (Случайный, Аналоговый, Дополнительный, Триадический) или извлеките пять доминирующих цветов из любого изображения, которое вы выберете — изображение обрабатывается локально с использованием median-cut квантования и никогда не загружается. Зафиксируйте отдельные цветовые образцы, чтобы сохранить их при повторной генерации, а затем скопируйте любой отдельный код HEX или экспортируйте всю палитру в нужном формате: простой список HEX, пользовательские свойства CSS, фрагмент цветов Tailwind или массив JSON. Все работает в вашем браузере, поэтому ни один цвет или изображение никогда не покидает ваше устройство — нет сервера или учетной записи. Каждый цветовой образец также показывает ближайший PANTONE Solid Coated номер (например, PANTONE 185 C), поэтому сгенерированная или извлеченная из изображения палитра может сразу перейти к рабочему процессу печати.

Как пользоваться

  1. Выберите режим гармонии — Random, Analogous, Complementary или Triadic — из выпадающего списка Mode.
  2. Нажмите Generate (или нажмите клавишу Spacebar), чтобы создать новую палитру из 5 цветов.
  3. Нажмите значок замка на любом элементе, чтобы зафиксировать этот цвет, пока генерируются остальные.
  4. Нажмите Copy HEX на элементе, чтобы скопировать код HEX этого цвета в буфер обмена.
  5. Используйте Copy All, чтобы экспортировать все пять кодов HEX сразу для использования в вашем инструменте дизайна или коде.
  6. Нажмите «Из изображения» и выберите фото — инструмент извлечет пять доминирующих цветов изображения в палитру, все локально.
  7. Выберите формат экспорта — список 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 определяются физически, а не по значению экрана.
Загружает ли этот инструмент мои данные?
Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.