Generator paleta boja
Generirajte skladne palete boja iz bilo koje osnovne boje.
HSL: 243, 75, 59
Complementary
Analogous
Triadic
Split Complementary
Tetradic (Square)
Shades (Lightness Scale)
Što je generator palete boja?
Generator palete boja stvara harmonične skupove boja na temelju pravila teorije boja. Počevši od jedne osnovne boje, generira komplementarne, analogne, trijadne, split-komplementarne i druge sheme boja. Dizajneri koriste generatore paleta za brzo stvaranje kohezivnih sustava boja za web stranice, aplikacije, brendove i ilustracije.
Dobre palete boja nisu nasumične — prate matematičke odnose na kotaču boja. Komplementarne boje su nasuprot jedna drugoj (visoki kontrast). Analogne boje su susjedne (harmonične i mirne). Trijadne boje tvore jednakostraničan trokut (živahne i uravnotežene). Ovaj alat generira palete koristeći ova i ostala dokazana pravila harmonije.
Kako koristiti ovaj alat
Odaberite osnovnu boju koristeći birač boja ili unesite hex vrijednost. Odaberite pravilo harmonije (komplementarno, analogno, trijadno itd.). Alat generira potpunu paletu sa svakom bojom prikazanom u uzorku zajedno s hex, RGB i HSL vrijednostima. Prilagodite osnovnu boju da vidite kako se paleta ažurira u stvarnom vremenu.
Vrste harmonije boja
- Komplementarno — dvije boje nasuprot jedna drugoj na kotaču boja. Visoki kontrast, energično. Primjer: plava i narančasta.
- Analogno — tri boje susjedne na kotaču. Mirno, kohezivno. Primjer: plava, plavo-zelena, zelena.
- Trijadno — tri ravnomjerno raspoređene boje (120 stupnjeva razmaka). Uravnoteženo, živahno. Primjer: crvena, žuta, plava.
- Split-komplementarno — osnovna boja plus dvije boje susjedne njezinoj komplementarnoj. Kontrast s manje napetosti od komplementarnog.
Boja i pristupačnost
Pri dizajniranju digitalnih sučelja, osigurajte dovoljan kontrast između teksta i pozadine (WCAG zahtijeva minimalni omjer 4,5:1 za normalni tekst). Izbjegavajte prenošenje informacija samo bojom — oko 8% muškaraca ima neki oblik nedostatka percepcije boja. Testirajte svoju paletu simulatorom sljepila za boje. Ovaj alat može prikazati omjere kontrasta između generiranih boja.
Često postavljana pitanja
Koliko boja bi paleta trebala imati?
Većina dizajnerskih sustava koristi 5–7 boja: primarnu boju brenda, sekundarni naglasak, neutralnu paletu (sive za tekst i pozadine) i eventualno semantički skup (zelena za uspjeh, crvena za grešku, žuta za upozorenje). Previše boja stvara vizualni kaos. Premalo ograničava fleksibilnost. Počnite s 3 boje plus neutralne i dodajte samo po potrebi.
Što čini boje lijepima zajedno?
Boje izgledaju harmonično kada imaju matematički odnos na kotaču boja (komplementarno, trijadno itd.) ili dijele zajedničko svojstvo (ista razina zasićenosti, slična svjetlina). Pravilo 60-30-10 je široko korišteno: 60% dominantna boja, 30% sekundarna, 10% naglasak. Ograničavanje broja visoko zasićenih boja i korištenje puno neutralnog prostora također poboljšava vizualnu harmoniju.