Nagađanje koje boje idu zajedno nepotrebno troši vreme prilikom dizajna. Ovaj generator koristi 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 procenjena na oko. Kliknite na bilo koji uzorak da kopirate njegov hex kod, ili kopirajte celu paletu kao gotove CSS promenljive. Sve radi isključivo na strani klijenta: bez naloga, bez otpremanja fajlova i bez praćenja boja vašeg brenda.
Besplatan generator palete boja
Radi u celosti u pregledaču - bez otpremanja i bez registracije.
Harmonija
CSS promenljive
Šta je generator palete boja?
Generator palete boja gradi usklađenu šemu boja od jedne osnovne boje na osnovu teorije kruga boja. Izaberite ili upišite hex boju, odaberite harmoniju - komplementarnu, analognu, trijadnu ili monohromatsku - i alat odmah izračunava usklađene boje, svaku sa hex kodom spremnim za kopiranje. Sve se radi direktno u pregledaču.
Kako se koristi
- 1Podesite osnovnu boju. Kliknite na polje boje da izaberete vizuelno, upišite hex kod poput #6366f1 ili kliknite na „Nasumično” za novu polaznu tačku.
- 2Izaberite harmoniju. Prebacujte se između komplementarne, razdvojeno-komplementarne, analogne, trijadne, tetradne, monohromatske šeme, senki i tonova. Paleta se odmah preračunava.
- 3Kopirajte boje. Kliknite na bilo koji uzorak da kopirate njegov hex kod, ili upotrebite dugme Kopiraj da preuzmete celu paletu kao CSS promenljive.
Kome je namenjen
- Veb dizajneri koji sajt grade oko jedne boje brenda: generišu analogne ili razdvojeno-komplementarne parove za pozadinu, dugmad i akcente.
- Frontend programeri kojima treba početni set dizajn tokena: kopiraju paletu kao CSS promenljive i odmah je ubacuju u stylesheet.
- Marketari i izrađivači prezentacija koji usklađuju grafikone, društvenu grafiku ili prezentacije sa bojom loga bez dizajnerskog alata.
- Ilustratori i entuzijasti koji istražuju senke i tonove jedne nijanse da bi u radu izgradili dubinu, svetla i senke.
Česta pitanja
Da li je ovaj generator palete boja besplatan?
Da - 100% besplatan, bez registracije, bez vodenih žigova i bez ograničenja. Generišite i kopirajte koliko god paleta želite za lične ili komercijalne projekte.
Da li se moji podaci o bojama negde šalju?
Ne. Paleta se u potpunosti izračunava u vašem pregledaču običnim JavaScript-om. Boje vašeg brenda, unete vrednosti i klikovi se nikad ne šalju na server.
Šta je komplementarna boja?
Komplementarna boja nalazi se tačno naspram osnovne na krugu boja - to je rotacija nijanse za 180 stepeni. Komplementarni parovi poput plave i narandžaste daju najjači kontrast, zbog čega su popularni za dugmad poziva na akciju na pozadini boje brenda.
Koja je razlika između analogne i trijadne palete?
Analogna paleta koristi susedne nijanse (unutar otprilike 30 stepeni od osnovne), pa deluje smireno i skladno. Trijadna paleta uzima tri nijanse razmaknute 120 stepeni, dajući živu, uravnoteženu šemu sa više kontrasta između boja.
Šta su senke i tonovi?
Senke (shades) zatamnjuju osnovnu boju pomeranjem svetline ka crnoj; tonovi (tints) je posvetljuju ka beloj. Oboje zadržavaju istu nijansu i zasićenost, pa su idealni za hover stanja, ivice i pozadinske slojeve jedne boje brenda.
Koliko boja treba da ima paleta veb sajta?
Uobičajeno pravilo je 60-30-10: jedna dominantna boja na oko 60% interfejsa, sekundarna na 30% i akcentna na 10%. Počnite ovde sa harmonijom od 3-5 boja, a zatim dodajte senke i tonove svake za stanja i površine.
Zašto se paleta jedva menja za sivu ili crnu?
Siva, crna i bela imaju nultu zasićenost, pa nemaju nijansu na koju bi rotacije harmonije mogle da deluju - rotacija ničega vraća istu neutralnu vrednost. Izgradite neutralnu lestvicu pomoću režima svetline: tonove za crnu ili tamnosivu, senke za belu ili svetlosivu, a monohromatski režim za srednje sivu.