🎨

Spremno za generiranje boja

Konfigurirajte postavke na ploči desno i kliknite "Generiraj boje"

Prikaži WCAG omjer kontrasta između boja
Simulirajte kako boje izgledaju osobama s poremećajem vida boja

Još nema povijesti. Generirajte neke boje!

Kako funkcionira

Naš generator nasumičnih boja stvara boje koristeći HSL prostor boja za preciznu kontrolu nijanse, zasićenosti i svjetline. Birajte između pojedinačnih boja, harmoničnih paleta ili prekrasnih gradijenata. Primijenite filtre za temperaturu, zasićenost i svjetlinu. Provjerite pristupačnost s ugrađenim WCAG kalkulatorom omjera kontrasta i simulatorom daltonizma.

Uobičajeni slučajevi korištenja

🌐

Web dizajn

Generirajte sheme boja za web stranice, aplikacije i digitalna sučelja s pristupačnim omjerima kontrasta

📱

UI/UX dizajn

Stvorite harmonične palete boja za korisnička sučelja s WCAG provjerom usklađenosti

🏷️

Brendiranje i identitet

Otkrijte jedinstvene kombinacije boja za logotipe, smjernice brenda i marketinške materijale

🎨

Umjetnost i ilustracija

Pronađite inspirativne palete boja za digitalnu umjetnost, ilustracije i kreativne projekte

Značajke

  • ✅ Načini za pojedinačnu boju, paletu i gradijent
  • ✅ 6 pravila harmonije boja (komplementarno, analogno, trijadno itd.)
  • ✅ Filtri za temperaturu, zasićenost i svjetlinu
  • ✅ WCAG provjera omjera kontrasta (AA/AAA usklađenost)
  • ✅ Simulacija daltonizma (protanopia, deuteranopia, tritanopia)
  • ✅ Zaključajte boje i regenerirajte ostale
  • ✅ Izvoz kao CSS varijable, JSON ili tekst
  • ✅ HEX, RGB, HSL i CMYK formati

Što je generator nasumičnih boja?

Generator nasumičnih boja je online alat koji stvara nasumične boje, palete boja i gradijente za dizajnere, programere i umjetnike. Ovaj generator shema boja koristi matematiku HSL prostora boja za proizvodnju boja s preciznom kontrolom nijanse, zasićenosti i svjetline, što ga čini boljim od jednostavnih nasumičnih HEX generatora. Bilo da trebate jednu akcentnu boju za svoju web stranicu, harmoničnu paletu od 5 boja za identitet brenda ili prekrasan gradijent za pozadinu korisničkog sučelja, ovaj generator paleta boja trenutačno isporučuje profesionalne rezultate. Dizajneri se oslanjaju na ovaj alat za brzo prototipiranje, programeri ga koriste za generiranje boja tema, a umjetnici pronalaze inspiraciju za svoje kreativne projekte.

Generator boja funkcionira tako da generira boje u HSL (nijansa, zasićenost, svjetlina) prostoru boja i pretvara ih u više izlaznih formata uključujući HEX kodove za web razvoj, RGB vrijednosti za digitalni dizajn, HSL za CSS stiliziranje i CMYK aproksimacije za pripremu za tisak. Boje možete generirati u tri načina: Pojedinačna boja za brzi odabir boja, način Paleta za stvaranje 2-10 harmoničnih boja i način Gradijent za generiranje prekrasnih prijelaza boja s CSS kodom spremnim za korištenje. Sustav harmonije osigurava estetski ugodne kombinacije koristeći pravila teorije boja — komplementarne boje nalaze se nasuprot na krugu boja za maksimalan kontrast, analogne boje nalaze se uz njih za glatke prijelaze, trijadne boje tvore jednakostranični trokut za živopisnu raznolikost, a podijeljeno komplementarne pružaju kontrast s manje napetosti nego potpune komplementarne sheme.

Ono što ovaj generator boja izdvaja od konkurencije je ugrađeni set alata za pristupačnost. WCAG provjera omjera kontrasta izračunava kontrast između bilo koje dvije generirane boje i prikazuje zadovoljavaju li standarde pristupačnosti WCAG 2.0 AA (4,5:1 za obični tekst, 3:1 za veliki tekst) i AAA (7:1 za obični tekst, 4,5:1 za veliki tekst). Ovo je neophodno za web dizajnere koji trebaju osigurati da su njihovi odabiri boja čitljivi za sve korisnike. Simulator daltonizma pokazuje kako vaše generirane boje izgledaju osobama s protanopia (sljepoća za crvenu), deuteranopia (sljepoća za zelenu) i tritanopia (sljepoća za plavu) poremećajima vida boja, pomažući vam stvoriti inkluzivne dizajne koji funkcioniraju za otprilike 8% muškaraca i 0,5% žena koji imaju neki oblik poremećaja vida boja.

Sustav filtriranja daje vam detaljnu kontrolu nad generiranim bojama. Filtri temperature ograničavaju boje na tople tonove (crvene, narančaste, žute) za energične dizajne, hladne tonove (plave, zelene, ljubičaste) za mirnu estetiku ili neutralne tonove za uravnotežene kompozicije. Filtri zasićenosti omogućuju vam generiranje pastelnih boja za nježne dizajne, živopisnih boja za hrabre izjave, prigušenih tonova za sofisticirane palete ili neonskih boja za upečatljive efekte. Filtri svjetline kontroliraju jesu li boje svijetle za lagane dizajne, srednje za uravnotežena sučelja ili tamne za dramatične teme. Značajka zaključavanja omogućuje vam da zadržite boje koje volite dok regenerirate ostale, savršeno za postupnu izgradnju paleta. Izvezite svoje boje kao CSS prilagođene varijable za izravnu upotrebu u stilovima, JSON za programsku upotrebu ili obični tekst za dokumentaciju. Povijest generiranja prati sve vaše prethodne sheme boja tako da se možete vratiti i ponovno koristiti svoje omiljene kombinacije.