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 zamene samo ostale.
Boje
Kako da koristiš generator nasumičnih boja
- Podesi Broj boja (od 1 do 20).
- Izaberi Režim: - Nasumično u opsegu izvlači svaku boju nezavisno. Suzi opsege Nijansa (°), Zasićenost (%) i Svetlina (%) poljima „od“ i „do“ da ostaneš u okviru jedne porodice boja, na primer samo pastelne ili samo plave. - Harmonična paleta (OKLCH) izvlači jednu nasumičnu osnovnu boju i gradi ostale iz harmonije boja. Izaberi Harmonija (Komplementarna, Analogna, Trijadna, Razdvojena komplementarna, Tetradna, Kvadratna, Monohromatska) ili ostavi Iznenadi me da svaki put dobiješ drugu harmoniju.
- Klikni Generiši boje. Svaka kartica prikazuje boju sa njenim HEX, RGB i HSL kodovima; mala dugmad HEX, RGB i HSL kopiraju odgovarajući kod.
- Klikni Zaključaj na bojama koje želiš da zadržiš, pa ponovo Generiši boje: menjaju se samo nezaključane boje. Klikni dugme ponovo da otključaš boju.
- Izaberi format u Izvezi kao (HEX lista, CSS promenljive, SCSS promenljive, JSON niz ili Tailwind boje) i koristi Kopiraj ili Preuzmi da poneseš ceo skup.
Kako se boje biraju
U režimu Nasumično u opsegu nijansa, zasićenost i svetlina se izvlače ravnomerno unutar opsega koje postaviš, a zatim se pretvaraju iz HSL u RGB istom formulom koju pregledači koriste za hsl(). Opseg nijanse može da obuhvati crvenu: od 330 do 30 daje roze, crvene i narandžaste tonove, prolazeći kroz 0°. Nekoliko korisnih podešavanja:
- Pastelne boje: zasićenost 40–80%, svetlina 75–90%.
- Tamni, prigušeni tonovi: zasićenost 10–40%, svetlina 15–35%.
- Samo plave: nijansa 190–250.
- Tople boje: nijansa 330 do 60.
U režimu Harmonična paleta (OKLCH) alat radi u OKLCH-u, perceptivnom modelu boja u kojem jednaki koraci svetline oku izgledaju jednaki. Prva zaključana boja koristi se kao osnova; ako ništa nije zaključano, izvlači se nasumična osnova srednje svetline i prilično zasićena. Ostale boje preuzimaju uglove nijanse iz harmonije (na primer +120° i +240° za trijadnu), uz malu slučajnu varijaciju nijanse, svetline i hrome, tako da svaki klik daje novi rezultat. Kad tražiš više boja nego što harmonija ima nijansi, dodatne boje ponovo koriste uglove sa svetlijim i tamnijim varijantama. Monohromatska zadržava jednu nijansu i raspoređuje svetlinu od tamne do svetle.
Boje koje izlaze iz opsega koji sRGB ekran može da prikaže vraćaju se smanjenjem hrome, pa je svaki HEX kod koji kopiraš prava boja koja može da se prikaže.
Gde nasumične boje pomažu
Nasumične boje su zgodne za avatare i grafikone koji služe kao čuvari mesta, probne podatke, generativnu umetnost, istraživanje dizajna kad nemaš ideju pred praznom stranicom ili za izbor boje za projekat, tim u igri ili oznaku. Zaključavanje ti omogućava da ga koristiš kao automat: zadrži ono što radi, zavrti ostalo. Slučajnost dolazi iz kriptografskog generatora tvog pregledača i ništa se nigde ne šalje.
Česta pitanja
Kako da dobijem nasumičan HEX kod boje?
Postavi Broj boja na 1 i klikni Generiši boje, pa klikni dugme HEX da kopiraš kod, na primer #3A7BD5.
Mogu li da zadržim neke boje, a ostale ponovo da generišem?
Da. Klikni Zaključaj na svakoj boji koju želiš da zadržiš, pa klikni Generiši boje. Zaključane boje ostaju na mestu; u režimu harmonije prva zaključana boja postaje i osnova nove palete.
Zašto koristiti OKLCH režim harmonije umesto čisto nasumičnih boja?
Čisto nasumične boje se često sukobljavaju ili imaju veoma različitu vizuelnu težinu. Gradnja palete iz harmonije u OKLCH-u daje boje koje zajedno pripadaju i imaju uravnoteženu svetlinu, pa ih je lakše koristiti u dizajnu.
Šta sadrže formati za izvoz?
HEX lista daje jedan kod po redu, CSS i SCSS promenljive daju deklaracije --color-1 ili $color-1, JSON niz daje listu kodova, a Tailwind boje daju objekat colors sa ključevima 100, 200… za tvoju konfiguraciju.
Da li su boje zaista nasumične?
Dolaze iz crypto.getRandomValues, kriptografski bezbednog generatora pregledača, pa se nijedan obrazac ne ponavlja između klikova.
Srodni alati
- Generator paleta boja Generiši palete boja iz jedne osnovne boje po 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. Nalepi kod, vidi boju i kopiraj svaki format jednim klikom.
- Birač boja Besplatan onlajn birač boja. Izaberi bilo koju boju i odmah kopiraj njene HEX, RGB, HSL, HSV i CMYK kodove, uz odnose kontrasta prema belom i crnom.
- Generator slučajnih brojeva Generiši slučajne brojeve u bilo kom opsegu, od 1 do 10.000 odjednom, kao cele ili decimalne, sa ponavljanjem ili bez, uz bezbednu slučajnost pregledača.