a11y.skipToMainContent
1

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

Создавайте красивые, гармоничные цветовые палитры на основе теории цвета — блокируйте цвета, которые вам нравятся, регенерируйте и экспортируйте как шестнадцатеричные, переменные CSS или конфигурацию Tailwind.

common.lockInfo
Was this tool helpful?
Send Image to:
Advertisement

How to use AI Color Palette Generator

  1. Выберите базовый цвет или нажмите Random для вдохновения.
  2. Выберите тип гармонии (комплементарный, аналоговый, триадный и т.д.).
  3. Нажмите на любой часы, чтобы заблокировать этот цвет, а затем восстановить. Скопируйте палитру в предпочитаемом вами формате.

Что такое имя?

Выбор цветов, которые хорошо работают вместе, является одной из самых сложных частей дизайна. Этот инструмент использует теорию цвета (комплементарные, аналогичные, триадные, тетрадные, монохроматические и сплит-комплементарные гармонии) для создания профессиональных палитр из одного базового цвета. Экспортные палитры в виде шестнадцати кодов, пользовательских свойств CSS или конфигурации Tailwind CSS. Все цветовые вычисления выполняются в браузере.

Advertisement

FAQ

В чем разница между типами гармонии?
Комплементарное использование противоположных цветов на колесе. Аналогично используют соседние оттенки. Triadic использует три равномерно расположенных цвета. Тетрадика использует четыре. Монохроматика изменяет легкость/насыщенность. Split-complementary использует одно основание плюс два противоположных цвета.
Можно ли зафиксировать конкретные цвета?
Да — нажмите на любой цветной часы, чтобы заблокировать его. Закрытые цвета остаются неизменными при регенерации или изменении типа гармонии.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement