Генерирайте палитра от пет цвята моментално: натиснете интервал за разбъркване, заключете цветовете, които харесвате, превключете режими на хармония и експортирайте или споделете палитрата си.

Space за генериране на нова палитра
Експортиране на палитрата ви

								
Отваряне на експортера на палитри

Натиснете интервал, за да разбъркате, заключете пробите, които искате да запазите, а останалите се генерират наново около тях. Всичко работи в браузъра ви, без регистрация, напълно безплатно.


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

Генераторът на цветова палитра изгражда схема от пет цвята с едно натискане. Натиснете интервал или бутона "Генериране" и се появява нова палитра; заключете пробите, които искате да запазите, и натиснете отново, и само незаключените цветове се заменят, така че можете да се доближавате до дадена схема по един цвят наведнъж, вместо да започвате отначало.

Пет режима на генериране оформят резултата. Случаен изследва цялото цветово пространство, докато аналогов, допълващ, триаден и монохромен изграждат палитрата от HSL връзки около базов нюанс, като всяко място има свой прозорец на наситеност и светлина, така че резултатът изглежда като проектирана схема, а не пет несвързани цвята.

Всяка проба има избор на цвят за фина настройка и HEX стойност за копиране с клик. Палитрата се кодира в URL адреса на страницата, така че бутонът за споделяне копира връзка, която отваря отново точно същите цветове, а панелът за експортиране произвежда CSS променливи, SCSS, конфигурация за Tailwind, JSON, лист с SVG проби или обикновен списък с HEX. Всичко работи в браузъра ви: нищо не се качва и нищо не се таксува.

Как да използвате Генератор на цветова палитра

  1. Натиснете интервал или кликнете "Генериране на палитра", за да създадете схема от пет цвята.
  2. Кликнете иконата за заключване на всяка проба, която искате да запазите, след което генерирайте отново, за да замените само останалите.
  3. Изберете режим на генериране (случаен, аналогов, допълващ, триаден или монохромен), за да насочите хармонията.
  4. Финонастройте всеки цвят с неговия избор на цвят и кликнете HEX стойност, за да я копирате.
  5. Използвайте "Копиране на връзка за споделяне", за да запазите палитрата в URL адрес, или отворете "Експортиране" за CSS, SCSS, Tailwind, JSON или SVG.

Често задавани въпроси

Натиснете интервал навсякъде на страницата или кликнете бутона "Генериране на палитра". Всяко натискане заменя всяка незаключена проба, така че можете да натискате, докато се появи схема, която харесвате.

Кликнете иконата за заключване на пробата, която искате да запазите. Заключените цветове оцеляват при всяко генериране, а в режимите на хармония първият заключен цвят се превръща в базовия нюанс, около който се изгражда останалата палитра.

Случаен избира свободно из цветовото пространство. Аналогов държи нюансите близо един до друг за спокойна схема, допълващ съчетава нюанс с противоположния му за контраст, триаден разполага три нюанса равномерно около цветовия кръг, а монохромен варира само светлината и наситеността на един нюанс.

Да. Палитрата се съхранява в URL адреса на страницата, така че "Копиране на връзка за споделяне" ви дава адрес, който отваря отново точно същите цветове и състояния на заключване: отбележете го или го изпратете на колега. Можете също да експортирате палитрата като файл.

CSS персонализирани свойства, SCSS променливи, конфигурация за цветове на Tailwind, JSON, лист с SVG проби или обикновен списък с HEX. Всеки може да се копира в клипборда или изтегли като файл, а можете да зададете и префикса на името на променливата.

Да, напълно безплатен: без акаунт, без кредити и без ограничения. Целият генератор работи в браузъра ви, така че никакви данни не напускат устройството ви.

Сподели

Популярни търсения
генератор на цветова палитра генератор на случайна цветова палитра генератор на цветова схема генерирай цветова палитра онлайн генератор на цветови комбинации безплатен генератор на палитри
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт: копирайте и поставете кода по-долу.