Generator nasumičnih boja
Generiši nasumične boje ili harmonične palete, zaključaj one koje ti se sviđaju, kopiraj HEX, RGB ili HSL kodove i izvezi ih kao CSS, SCSS, JSON ili Tailwind.
Zaključaj boje koje ti se sviđaju, pa ponovo generiši da se zamijene samo ostale.
Boje
Kako koristiti generator nasumičnih boja
- Podesi Broj boja (od 1 do 20).
- Odaberi Način: - Nasumično u rasponu bira svaku boju nezavisno. Suzi raspone Nijansa (°), Zasićenost (%) i Svjetlina (%) poljima „od“ i „do“ da ostaneš unutar jedne porodice boja, na primjer samo pastele ili samo plave tonove. - Harmonična paleta (OKLCH) bira jednu nasumičnu osnovnu boju i gradi ostale prema harmoniji boja. Odaberi Harmonija (Komplementarna, Analogna, Trijadna, Razdvojena komplementarna, Tetradna, Kvadrat, Monokromatska) ili ostavi Iznenadi me da svaki put dobiješ drugu harmoniju.
- Klikni Generiši boje. Svaka kartica prikazuje boju s njenim HEX, RGB i HSL kodovima; mala dugmad HEX, RGB i HSL kopiraju odgovarajući kod.
- Klikni Zaključaj na bojama koje želiš zadržati, pa ponovo Generiši boje: mijenjaju se samo nezaključane boje. Ponovnim klikom na dugme boju otključavaš (Otključaj).
- Odaberi format u Izvezi kao (Popis HEX kodova, CSS varijable, SCSS varijable, JSON niz ili Tailwind boje) i koristi Kopiraj ili Preuzmi da cijeli set ponesi sa sobom.
Kako se biraju boje
U načinu Nasumično u rasponu nijansa, zasićenost i svjetlina biraju se ravnomjerno unutar raspona koje postaviš, a zatim se HSL pretvara u RGB istom formulom koju preglednici koriste za hsl(). Raspon nijanse može preći preko crvene: od 330 do 30 daje ružičaste, crvene i narandžaste tonove, prolazeći kroz 0°. Nekoliko korisnih postavki:
- Pastele: zasićenost 40–80 %, svjetlina 75–90 %.
- Tamni, prigušeni tonovi: zasićenost 10–40 %, svjetlina 15–35 %.
- Samo plave: nijansa 190–250.
- Tople boje: nijansa od 330 do 60.
U načinu Harmonična paleta (OKLCH) alat radi u OKLCH-u, perceptivnom modelu boja u kojem jednaki koraci svjetline oku izgledaju jednaki. Prva zaključana boja koristi se kao osnovna; ako ništa nije zaključano, bira se nasumična osnovna boja srednje svjetline i prilično zasićena. Ostale boje preuzimaju uglove nijanse harmonije (na primjer +120° i +240° za trijadnu), uz malu nasumičnu varijaciju nijanse, svjetline i hrome, pa svaki klik daje novi rezultat. Kad tražiš više boja nego što harmonija ima nijansi, dodatne boje ponavljaju uglove u svjetlijim i tamnijim varijantama. Monokromatska zadržava jednu nijansu i širi svjetlinu od tamne do svijetle.
Boje koje izlaze iz opsega koji sRGB ekran može prikazati vraćaju se smanjivanjem hrome, pa je svaki HEX kod koji kopiraš prava boja koja se može prikazati.
Gdje nasumične boje pomažu
Nasumične boje zgodne su za avatare i grafikone koji služe kao privremeni sadržaj, probne podatke, generativnu umjetnost, istraživanje dizajna kad zapneš pred praznom stranicom ili za biranje boje za projekat, ekipu u igri ili oznaku. Zaključavanje ti omogućava da ga koristiš kao automat: zadrži što valja, zavrti ostalo. Nasumičnost dolazi iz kriptografskog generatora tvog preglednika, a ništa se nigdje ne šalje.
Česta pitanja
Kako dobiti nasumični HEX kod boje?
Postavi Broj boja na 1 i klikni Generiši boje, zatim klikni dugme HEX da kopiraš kod, na primjer #3A7BD5.
Mogu li zadržati neke boje, a ostale ponovo generisati?
Da. Klikni Zaključaj na svakoj boji koju želiš zadržati, pa Generiši boje. Zaključane boje ostaju na mjestu; u harmoničnom načinu prva zaključana boja postaje i osnova nove palete.
Zašto koristiti OKLCH harmoniju umjesto čisto nasumičnih boja?
Čisto nasumične boje se često sukobljavaju ili imaju vrlo različitu vizuelnu težinu. Gradnja palete iz harmonije u OKLCH-u daje boje koje zajedno pašu i imaju uravnoteženu svjetlinu, pa ih je lakše koristiti u dizajnu.
Šta sadrže formati za izvoz?
Popis HEX kodova daje jedan kod po redu, CSS i SCSS varijable daju deklaracije --color-1 ili $color-1, JSON niz daje popis kodova, a Tailwind boje daju objekt colors s ključevima 100, 200… za tvoju konfiguraciju.
Jesu li boje zaista nasumične?
Dolaze iz crypto.getRandomValues, kriptografski sigurnog generatora preglednika, pa se nijedan obrazac ne ponavlja između klikova.
Srodni alati
- Generator palete boja Generiši palete boja iz jedne osnovne boje prema pravilima harmonije boja: komplementarne, analogne, trijadne, tetradne, kvadratne i monohromatske.
- Pretvarač boja Pretvori bilo koju boju između HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kôd, vidi boju i kopiraj svaki format jednim klikom.
- Birač boja Besplatni birač boja na mreži. Odaberi bilo koju boju i odmah kopiraj njene HEX, RGB, HSL, HSV i CMYK kodove, uz omjere kontrasta prema bijeloj i crnoj.
- Generator nasumičnih brojeva Generiši nasumične brojeve u bilo kojem rasponu, od 1 do 10.000 odjednom, kao cijele ili decimalne, s ponavljanjem ili bez, uz sigurnu nasumičnost preglednika.