⌕
Почетна / Алатке за боје / Онлајн алат за аналогну шему боја
Бесплатни онлајн алати

Онлајн алат за аналогну шему боја

Генеришите аналогну палету од три боје: унесите основну боју и размак (1–90°). Добијте HEX, RGB, HSV и HSL вредности. Пример: #3B82F6 са 30° даје #3CE0F6 и #…

Почните да користите

Шта алат ради и како функционише

Алат за аналогну шему боја вам помаже да направите хармоничну палету од три боје које су суседне на точку боја. Подешавате основну боју и угаони размак, а алат израчунава две додатне боје померањем основне нијансе за задати угао улево и удесно.

Конкретан пример

Ако изаберете основну боју #3B82F6 (што је отприлике HSL(217°, 91%, 60%)) и размак од 30°, добићете следеће вредности:

  • Лева аналогна: #3CE0F6
  • Основна: #3B82F6 (остаје идентична)
  • Десна аналогна: #523CF6

Ако повећате размак на 90°, резултат ће бити #3CF652, #3B82F6 и #F63CE0.

Како се врши прорачун

Алат конвертује основну RGB боју у HSL, заокружује вредности на целобројне, а затим примењује померај нијансе (са обавијањем око 360°). Засићеност и осветљеност остају исте за све три боје. Основна боја се не конвертује поново, па њена HEX вредност остаје тачно она коју сте унели.

Ограничења

Алат не проверава контраст, не симулира далтонизам, не упозорава на вангамутне боје и не нуди извоз у датотеку. Прорачун је локалан у прегледачу. Аналогне боје не гарантују читљив текст или довољан контраст, па обавезно проверите парове позадине и текста одвојено.

Честа питања

Зашто се основна боја не мења када подесим размак?

Основна боја је увек тачно она коју сте изабрали, јер се не врши конверзија у HSL и назад. То значи да ће HEX вредност остати иста, док се друге две боје рачунају на основу њене нијансе.

Могу ли да изменим резултујућу боју након генерисања?

Да, свака плочица има прошириви панел са пољима за HEX, RGB, HSV и HSL. Ако промените вредност у било ком пољу, та боја се ажурира, али остале две остају непромењене.

Који је опсег угаоног размака?

Клизач дозвољава размак од 1 до 90 степени, са подразумеваном вредношћу 30 степени. Мањи размак даје суптилније разлике, већи даје драматичније.

Контролна листа за проверу

  • Изаберите основну боју и проверите њену HEX вредност.
  • Подесите угаони размак у складу са жељеним ефектом.
  • Кликните на дугме за генерисање.
  • Прегледајте све три боје у контексту вашег дизајна.
  • Проверите контраст текста и позадине одвојено.

Обрада се обавља локално у прегледачу.