Бесплатно

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

Создавайте гармоничные цветовые палитры.Исследуйте дополнительные, аналогичные, триадные схемы.Экспортируйте как CSS, Tailwind или изображение.

Ваши файлы никогда не покидают ваше устройство
Осталось 10:00
#4999BC
rgb(73, 153, 188)
hsl(198°, 46%, 51%)
#4BE287
rgb(75, 226, 135)
hsl(144°, 72%, 59%)
#882B80
rgb(136, 43, 128)
hsl(305°, 52%, 35%)
#EBAF66
rgb(235, 175, 102)
hsl(33°, 77%, 66%)
#51F081
rgb(81, 240, 129)
hsl(138°, 84%, 63%)

Сопутствующие инструменты

Разблокировать ограничения

Получите неограниченный доступ ко всем инструментам и премиум-функциям, которые усовершенствуют ваш рабочий процесс.

Обновите до Pro

Что такое Генератор цветовой палитры?

Бесплатный генератор цветовой палитры StackPro помогает дизайнерам и разработчикам создавать красивые, гармоничные цветовые схемы за считанные секунды.Начните с любого базового цвета и исследуйте дополнительные, аналогичные, триадные и монохроматические гармонии.Блокируйте любимые цвета, настраивайте отдельные оттенки с помощью визуального средства выбора, проверяйте коэффициенты контрастности для доступности и экспортируйте в готовые для разработчиков форматы, такие как пользовательские свойства CSS, конфигурация Tailwind или переменные SCSS.

Как использовать Генератор цветовой палитры

  1. Выберите базовый цвет с помощью палитры цветов или введите шестнадцатеричное значение.
  2. Выберите режим гармонии (дополнительный, аналоговый, триадный и т. д.).
  3. Настройте отдельные цвета, щелкнув любой образец.
  4. Зафиксируйте понравившиеся вам цвета и нажмите «Создать», чтобы получить новые варианты.
  5. Экспортируйте окончательную палитру в форматах CSS, Tailwind, SCSS или загрузите в формате PNG.

Особенности

  • Несколько режимов гармонии: дополнительный, аналогичный, триадный, тетрадный, монохроматический.
  • Визуальная палитра цветов с шестнадцатеричными входами, RGB и HSL.
  • Блокировка цвета для итеративного построения палитры
  • Проверка контрастности WCAG
  • Экспортировать как пользовательские свойства CSS, Tailwind или SCSS.
  • Скачать палитру в формате PNG
  • История палитры и фавориты
  • 100% обработка на стороне клиента

Часто задаваемые вопросы

Какие режимы цветовой гармонии доступны?▼
Создавайте палитры, используя дополнительные, аналогичные, триадные, тетрадные, расщепленные дополнительные и монохроматические цветовые гармонии.Вы также можете создавать полностью собственные палитры, выбирая отдельные цвета.
Могу ли я экспортировать палитру для разработки?▼
Да!Экспортируйте свою палитру в виде пользовательских свойств CSS, конфигурации CSS Tailwind, переменных SCSS или в виде загружаемого изображения PNG.Каждый формат готов для вставки в ваш проект.
Как найти доступные цветовые комбинации?▼
Генератор включает в себя средство проверки контрастности, которое оценивает коэффициенты контрастности WCAG 2.0 между любыми двумя цветами в вашей палитре, помогая вам обеспечить читаемость текста и соответствие требованиям доступности.
Могу ли я заблокировать цвета при создании новых палитр?▼
Да!Заблокируйте любые цвета, которые вам нравятся, а затем восстановите — изменятся только разблокированные цвета.Это позволяет вам итеративно создавать идеальную палитру вокруг цветов вашего бренда.