Treba vam boja za maketu, grafikon ili praznu podlogu, a ne želite je birati iz navike? Ovaj besplatni generator slučajnih boja izvlači boje iz cijelog 24-bitnog raspona koji ekran može prikazati i svaku stavlja na uzorak boje pored njenog koda. U polju „Broj“ odaberite koliko ih želite — od 1 do 50 — označite formate koji vam trebaju i pritisnite „Generiši“. Stranica se otvara s jednom bojom u HEX formatu, pa je prvi rezultat udaljen jedan klik. Kvačica „HEX kod“ je uključena od početka, pored nje su „RGB kod“ i „HSL kod“, a može se uključiti bilo koja kombinacija sva tri. Dugme sa zupčanikom pored dugmeta „Generiši“ otvara odjeljak „Napredne opcije“, u kojem boje možete ograničiti na jednu vrstu ili raspon, isključiti ponavljanja i promijeniti način pisanja HEX koda.
Svaka boja nastaje u vašem pregledniku putem Web Crypto API (crypto.getRandomValues), koji daje kriptografski jake slučajne bajtove iz izvora slučajnosti samog sistema, a ne pseudoslučajnom funkcijom kao što je Math.random(). Boja na ekranu su tri kanala — crveni, zeleni i plavi — svaki je cijeli broj od 0 do 255, a jedan slučajni bajt može imati tačno 256 vrijednosti. Zato je svaki kanal upravo jedan bajt, bez ičega između: ne uzima se ostatak dijeljenja i nijedna nijansa nije favorizirana korakom pretvaranja. Zbog toga je svih 16.777.216 boja koje stranica može proizvesti tačno jednako vjerovatno pri svakom pritisku na „Generiši“. Uži raspon u odjeljku „Napredne opcije“ zadržava tu garanciju unutar raspona: boje se i dalje izvlače iz cijelog prostora, a one koje ne upadnu u raspon se odbacuju, pa svaka boja koju raspon dopušta ima istu šansu. Ništa se ne šalje na server, ništa se ne bilježi, a kad se stranica učita, radi i bez internetske veze.
Tri formata opisuju istu boju na tri načina. Format „HEX kod“ je šestocifreni zapis koji se koristi u CSS-u i u većini dizajnerskih alata, na primjer #0778ff; piše se malim slovima s vodećim #, a opcije „Velika slova“ i „Bez #“ u odjeljku „Napredne opcije“ to mijenjaju za alate koji očekuju drugačije. Format „RGB kod“ navodi sva tri kanala, kao u rgb(7, 120, 255), što odgovara kodu koji radi sa svakim kanalom posebno. Format „HSL kod“ opisuje boju vrijednostima „Nijansa“, „Zasićenost“ i „Svjetlina“, kao u hsl(213, 100%, 51%), a to je oblik koji je najlakše naknadno ručno prilagoditi. Sva tri se mogu zalijepiti direktno u CSS. Ipak, nisu jednako precizni. HEX i RGB su tačni; HSL je zaokružen. Stranica piše nijansu, zasićenost i svjetlinu kao cijele brojeve, a kod oko 89% boja tako zaokružena vrijednost se ne pretvara nazad u potpuno istu boju: #646503 se prikazuje kao hsl(61, 94%, 20%), što se pretvara nazad u #616303. Razlika nikad nije veća od 5 koraka u kanalu, a obično je 1 ili 2 — nevidljiva na ekranu, ali stvarna ako sačuvate HSL vrijednost i očekujete da ćete dobiti originalni HEX. Za čuvanje vrijednosti koristite HEX ili RGB.
Jedna boja se prikazuje kao jedan čip u sredini rezultata; više boja prikazuje se kao numerisan spisak, jedna boja po redu, s odabranim formatima jedan pored drugog i malom značkom kontrasta na kraju. Spisak od više od tri boje pomiče se unutar okvira, a strelica u njegovom uglu otvara ga do pune visine; stranica pamti kako je ostavljen. Kliknite na bilo koji kod da kopirate samo taj kod. Dugme za kopiranje na kraju reda kopira sve kodove te boje u jednoj liniji, odvojene razmacima. Kliknite na sam uzorak boje i otvara se birač boja vašeg preglednika: tamo odaberite drugu boju i svi kodovi u tom redu se prepisuju u skladu s njom, u svakom uključenom formatu, zajedno s njenom značkom. Dugme „Kopiraj sve“ kopira cijelu seriju, jednu boju po liniji, a dugme „Sačuvaj u datoteku“ upisuje isti tekst u običnu .txt datoteku; oba prate svaku boju koju ste promijenili u biraču. Dio „Historija“ čuva vaših posljednjih 10 serija u ovom pregledniku, tačno onakve kakve su generisane, a dugme „Očisti“ prazni rezultat. Vaše postavke, uključujući one u odjeljku „Napredne opcije“, pamte se za sljedeću posjetu.
Jednako vjerovatne boje ne izgledaju ravnomjerno raspoređene, a znati šta očekivati štedi vam pritiskanje na „Generiši“ iz pogrešnog razloga. Izmjereno na cijelom rasponu, oko 35% boja je jarko i zasićeno, sa HSL zasićenošću od najmanje 70% i svjetlinom između 35% i 65%. Skoro sive boje, sa zasićenošću ispod 20%, čine samo oko 4%, a veoma tamne boje (svjetlina ispod 20%) i veoma svijetle (iznad 80%) čine oko 3% svaka. Zato će serija od deset boja s vrstom „Sve boje“ obično sadržavati nekoliko jakih boja, a rijetko pastelnu ili tamnosivu. Kad vam treba određena vrsta, odaberite je u polju „Vrsta boje“: vrsta „Živopisne boje“ zadržava tačno tu jarku grupu, a vrste „Pastelne boje“, „Tamne boje“, „Prigušene boje“ i „Sive boje“ rade isto za svoje grupe. Vrsta „Vlastite“ omogućava da postavite vlastite raspone za „Nijansa“, „Zasićenost“ i „Svjetlina“, a raspon polja „Nijansa“ može prelaziti 0, pa 330 do 30 daje crvene tonove. Raspon se provjerava prema HSL kodu koji stranica prikazuje, pa nijedan kod ne izlazi izvan njega, a ako raspon sadrži premalo boja za vrijednost u polju „Broj“, stranica traži da ga proširite umjesto da ponavlja boje. Ponavljanja su inače moguća, ali rijetka: označite opciju „Bez ponavljanja“ da ih isključite, a bez nje je šansa da dvije od 50 boja iz punog raspona ispadnu iste oko 1 na 13.700.
Slučajna boja se često traži kao pozadina, što otvara jedno pitanje na koje uzorak ne može odgovoriti okom: hoće li tekst na njoj biti čitljiv? Smjernica za pristupačnost weba, WCAG, traži omjer kontrasta od najmanje 4,5:1 za običan tekst. Izmjereno na svim bojama koje ova stranica može proizvesti, crni tekst to postiže na oko 65% njih, a bijeli na oko 36%, i ne postoji boja na kojoj padaju oba: bolji od ta dva uvijek dostiže najmanje 4,58:1. Dakle, na svakoj slučajnoj pozadini crni ili bijeli tekst će biti čitljiv, a stranica vam pokazuje koji. Uz svaku boju prikazana je mala značka na kojoj piše Aa bojom boljeg od ta dva, a iza toga slijedi njen omjer kontrasta. Omjer je zaokružen naniže, pa nikad ne pokazuje bolji kontrast nego što zaista jeste, i mijenja se kad promijenite boju u biraču. Značka poredi samo crni i bijeli tekst; za brend boju ili bilo koju drugu boju teksta provjerite taj par u alatu za provjeru kontrasta.
Slučajno nije isto što i skladno. Svaka boja u seriji izvlači se sama za sebe, bez ikakvog znanja o ostalima, pa generator nikad ne gradi paletu u dizajnerskom smislu — nema komplementarnih parova, nema analognih nizova, nema zajedničke svjetline. Uži raspon mijenja karakter serije, ali ne i to pravilo: pastelne boje ili niz plavih i dalje stižu jedna po jedna, bez ičega što ih povezuje. U tome je poenta: dobijete boju koja vam inače ne bi pala na pamet, a upravo to razbija naviku ili kreativnu blokadu. Da biste slučajni nalaz pretvorili u nešto upotrebljivo, zadržite boju koja vam se sviđa i iz nje izvedite ostale, umjesto da pritišćete „Generiši“ dok se cijela serija slučajno ne složi. Zadržite njenu nijansu i mijenjajte svjetlinu da dobijete svjetlije i tamnije varijante boje, ili zarotirajte nijansu za 180 stepeni da dobijete suprotnu boju. Format „HSL kod“ pretvara te poteze u računanje umjesto u nagađanje.
Zašto odabrati ovaj generator slučajnih boja?
- Svaka boja nastaje u vašem pregledniku putem Web Crypto API, ništa se ne šalje
- Svih 16.777.216 boja tačno jednako vjerovatno, jedan slučajni bajt po kanalu
- HEX, RGB i HSL kodovi za istu boju, u bilo kojoj kombinaciji
- Do 50 boja odjednom, svaka na uzorku boje sa značkom kontrasta teksta
- Živopisne boje, Pastelne boje, Tamne boje, Prigušene boje i Sive boje, ili vlastiti raspon nijanse, zasićenosti i svjetline
- Bez ponavljanja kad vam treba, te HEX velikim slovima ili bez #
- Kliknite na kod da ga kopirate ili promijenite bilo koju boju u biraču boja svog preglednika
- Kopiraj sve, Sačuvaj u datoteku i Historija posljednjih 10 serija, pohranjena u vašem pregledniku
- Besplatno i neograničeno: bez registracije, bez kvote, ništa se ne pohranjuje na našim serverima
Slučajne boje dobro dođu svuda gdje je boja potrebna prije nego što je iko odlučio o nekoj. Dizajneri ih koriste da razbiju kreativnu blokadu i pronađu polaznu tačku do koje njihova uobičajena paleta nikad ne bi stigla. Programeri njima pune makete, rezervirana mjesta i avatare, daju svakoj seriji u grafikonu vlastitu boju dok prava tema još nije određena i testiraju kako se interfejs nosi s pozadinama za koje nije projektovan — serija od 50 boja s vrstom „Sve boje“ gotovo uvijek uključuje bar jednu veoma tamnu ili veoma svijetlu boju, a vrste „Tamne boje“ ili „Pastelne boje“ usmjeravaju test na jedan kraj. Generativni umjetnici i prototipisti igara unose vrijednosti direktno u kod, gdje RGB oblik odgovara većini grafičkih biblioteka. Nastavnici stavljaju ta tri formata jedan pored drugog da pokažu da se ista boja može zapisati kao kod, kao tri kanala ili kao položaj na krugu boja, i zašto je HSL verzija zaokružena. A svako ko označava, etiketira ili boji stavke spiska dobija različite boje bez dvoumljenja koju da uzme.
Vrijedi znati nekoliko iskrenih ograničenja. Ovo je generator, a ne alat za palete: ne gradi harmonije boja i ne drži jednu boju nepromijenjenom dok se ostale mijenjaju, a uži raspon daje boje jedne vrste, a ne boje odabrane da idu zajedno. Značka kontrasta poredi samo crni i bijeli tekst. Stranica radi u sRGB bojama koje ekran prikazuje — HEX, RGB i HSL — bez prozirnosti i bez CMYK, Pantone, OKLCH ili imenovanih CSS boja; za štampu uskladite boju u pripremi za štampu umjesto da vjerujete kodu s ekrana. Isti kod može izgledati i malo drugačije na različitim ekranima, jer ekrani nisu jednako kalibrisani. HSL vrijednosti su zaokružene, kako je gore opisano, a ako opcija „Bez ponavljanja“ nije označena, serija se ne provjerava na ponavljanja. Ono što stranica garantuje je uže i tačno: svaka od njenih 16.777.216 boja, ili svaka boja unutar raspona koji postavite, ima istu šansu pri svakom pritisku, izvučena iz kriptografskog izvora vašeg preglednika i nikad nigdje poslana.