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

Яркост 100%
Правило за хармония
Активен цвят
HEX
RGB
HSL
Палитра

Изберете правило за хармония и основен цвят, след това плъзнете маркерите за фина настройка. Щракнете върху мостра, за да я копирате, или задайте я като нов основен цвят.


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

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

Всяка мостра показва своите стойности HEX, RGB, HSL и HSB, а всеки цвят от палитрата може да стане новата база с едно кликване. Плъзгач за яркост измества цялата схема по-светло или по-тъмно, докато връзките между тоновете остават заключени, което прави изследването на варианти на схема много бързо.

Всичко се изчислява на живо във вашия браузър, използвайки математика на цветовата теория върху HSV кръга — няма качвания и няма комуникация със сървър. Когато палитрата изглежда правилно, копирайте отделни стойности, всички цветове наведнъж, готови CSS променливи или JSON експорт.

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

  1. Изберете базов цвят с палитрата за избор, въведете стойност или кликнете "Random" (Произволно).
  2. Изберете правило за хармония, като аналогично, комплементарно, триада или квадрат.
  3. Плъзгайте маркерите на кръга и настройвайте плъзгача за яркост, за да финализирате схемата.
  4. Кликнете върху мостра, за да я копирате, или я задайте като нов базов цвят, за да продължите итерацията.
  5. Експортирайте палитрата с "Copy all", "Copy CSS variables" или "Copy JSON".

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

Да, напълно безплатен е. Изчисленията на палитрата се извършват изцяло във вашия браузър, така че няма кредити, акаунти или лимити на употреба.

Всяко правило поставя останалите цветове от палитрата на фиксирани ъгли около цветовия кръг спрямо вашата база: комплементарното е противоположно (180°), триадата разполага цветовете на 120° едно от друго, аналогичното държи съседните цветове близо едно до друго, разделеното комплементарно фланкира противоположния тон, а квадратът разполага четири тона на 90° едно от друго.

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

Да. Превключете на правило Custom (персонализирано) и плъзгайте всеки маркер независимо на кръга, или започнете от произволно правило за хармония и плъзгайте маркерите, за да настроите — инструментът поддържа палитрата актуална, докато ги местите.

Всяка мостра показва стойности HEX, RGB, HSL и HSB, всички копируеми поотделно. Можете също да копирате цялата палитра като обикновени стойности, като CSS персонализирани свойства, готови за стилов файл, или като JSON за предаване на код или дизайнерски инструменти.

Сподели

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

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