Бесплатно

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

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

Ваши файлы никогда не покидают ваше устройство
Осталось 10:00
#E97C85
rgb(233, 124, 133)
hsl(355°, 71%, 70%)
#84DCDB
rgb(132, 220, 219)
hsl(179°, 56%, 69%)
#4188EC
rgb(65, 136, 236)
hsl(215°, 82%, 59%)
#69C8D8
rgb(105, 200, 216)
hsl(189°, 59%, 63%)
#492BF3
rgb(73, 43, 243)
hsl(249°, 89%, 56%)

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

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

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

Обновите до 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 между любыми двумя цветами в вашей палитре, помогая вам обеспечить читаемость текста и соответствие требованиям доступности.
Могу ли я заблокировать цвета при создании новых палитр?▼
Да!Заблокируйте любые цвета, которые вам нравятся, а затем восстановите — изменятся только разблокированные цвета.Это позволяет вам итеративно создавать идеальную палитру вокруг цветов вашего бренда.