Nagađanje koje boje idu zajedno nepotrebno troši vrijeme u dizajnu. Ovaj generator primjenjuje klasične harmonije kruga boja - iste odnose nijansi koji se uče u teoriji boja - tako da je svaka paleta matematički usklađena, a ne procijenjena na oko. Kliknite na bilo koji uzorak da kopirate njegov hex kod, ili kopirajte cijelu paletu kao gotove CSS varijable. Sve radi isključivo na strani klijenta: bez računa, bez učitavanja datoteka i bez praćenja boja vašeg branda.
Besplatni generator palete boja
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
Harmonija
CSS varijable
Što je generator palete boja?
Generator palete boja gradi usklađenu shemu boja od jedne osnovne boje prema teoriji kruga boja. Odaberite ili upišite hex boju, izaberite harmoniju - komplementarnu, analognu, trijadnu ili monokromatsku - i alat odmah izračuna usklađene boje, svaku s hex kodom spremnim za kopiranje. Sve se odvija izravno u pregledniku.
Kako se koristi
- 1Postavite osnovnu boju. Kliknite na polje boje da odaberete vizualno, upišite hex kod poput #6366f1 ili kliknite „Nasumično” za novu polaznu točku.
- 2Odaberite harmoniju. Prebacujte se između komplementarne, razdvojeno-komplementarne, analogne, trijadne, tetradne, monokromatske sheme, sjena i tonova. Paleta se odmah preračunava.
- 3Kopirajte boje. Kliknite na bilo koji uzorak da kopirate njegov hex kod, ili upotrijebite gumb Kopiraj da preuzmete cijelu paletu kao CSS varijable.
Za koga je
- Web dizajneri koji web stranicu grade oko jedne brand boje: generiraju analogne ili razdvojeno-komplementarne parove za pozadinu, gumbe i naglaske.
- Frontend developeri kojima treba početni set design tokena: kopiraju paletu kao CSS varijable i odmah je umeću u stylesheet.
- Marketingaši i izrađivači prezentacija koji usklađuju grafikone, društvenu grafiku ili prezentacije s bojom loga bez dizajnerskog alata.
- Ilustratori i entuzijasti koji istražuju sjene i tonove jedne nijanse kako bi u radu izgradili dubinu, svjetla i sjene.
Česta pitanja
Je li ovaj generator palete boja besplatan?
Da - 100% besplatan, bez registracije, bez vodenih žigova i bez ograničenja. Generirajte i kopirajte koliko god paleta želite za osobne ili komercijalne projekte.
Šalju li se moji podaci o bojama negdje?
Ne. Paleta se u potpunosti izračunava u vašem pregledniku običnim JavaScriptom. Boje vašeg branda, unesene vrijednosti i klikovi nikad se ne šalju na poslužitelj.
Što je komplementarna boja?
Komplementarna boja nalazi se točno nasuprot osnovnoj na krugu boja - to je rotacija nijanse za 180 stupnjeva. Komplementarni parovi poput plave i narančaste daju najjači kontrast, zbog čega su popularni za gumbe poziva na akciju na pozadini brand boje.
Koja je razlika između analogne i trijadne palete?
Analogna paleta koristi susjedne nijanse (unutar otprilike 30 stupnjeva od osnovne), pa djeluje smireno i skladno. Trijadna paleta uzima tri nijanse razmaknute 120 stupnjeva, dajući živu, uravnoteženu shemu s više kontrasta između boja.
Što su sjene i tonovi?
Sjene (shades) zatamnjuju osnovnu boju pomicanjem svjetline prema crnoj; tonovi (tints) je posvjetljuju prema bijeloj. Oboje zadržavaju istu nijansu i zasićenost, pa su idealni za hover stanja, obrube i pozadinske slojeve jedne brand boje.
Koliko boja treba imati paleta web stranice?
Uobičajeno pravilo je 60-30-10: jedna dominantna boja na oko 60% sučelja, sekundarna na 30% i naglasna na 10%. Počnite ovdje s harmonijom od 3-5 boja, a zatim dodajte sjene i tonove svake za stanja i površine.
Zašto se paleta jedva mijenja za sivu ili crnu?
Siva, crna i bijela imaju nultu zasićenost, pa nemaju nijansu na koju bi rotacije harmonije mogle djelovati - rotacija ničega vraća istu neutralnu vrijednost. Izgradite neutralnu ljestvicu pomoću načina svjetline: tonove za crnu ili tamnosivu, sjene za bijelu ili svjetlosivu, a monokromatski način za srednje sivu.