Generator nasumičnih boja

Kako koristiti generator nasumičnih boja

1. Postavi Broj boja (od 1 do 20).
2. Odaberi Način: - Nasumično u rasponu izvlači svaku boju neovisno. Suzi raspone Ton (°), Zasićenost (%) i Svjetlina (%) poljima „od“ i „do“ da ostaneš unutar obitelji boja, primjerice samo pastelne ili samo plave. - Usklađena paleta (OKLCH) izvlači jednu nasumičnu osnovnu boju i gradi ostale iz sklada boja. Odaberi Sklad (Komplementarne, Analogne, Triadne, Razdijeljene komplementarne, Tetradne, Kvadrat, Monokromatske) ili ostavi Iznenadi me da svaki put dobiješ drugi sklad.
3. Klikni Generiraj boje. Svaka kartica prikazuje boju s njezinim HEX, RGB i HSL kodovima; mali gumbi HEX, RGB i HSL kopiraju odgovarajući kod.
4. Klikni Zaključaj na bojama koje želiš zadržati, a zatim ponovno Generiraj boje: mijenjaju se samo nezaključane boje. Klikni gumb ponovno da boju otključaš.
5. Odaberi format u Izvezi kao (popis HEX, CSS varijable, SCSS varijable, JSON niz ili Tailwind boje) i koristi Kopiraj ili Preuzmi da cijeli set poneseš sa sobom.

Kako se biraju boje

U načinu Nasumično u rasponu ton, zasićenost i svjetlina izvlače se ravnomjerno unutar raspona koje postaviš, a zatim se pretvaraju iz HSL u RGB istom formulom koju preglednici koriste za hsl(). Raspon tona može obuhvatiti crvenu: od 330 do 30 daje ružičaste, crvene i narančaste boje, prolazeći kroz 0°. Nekoliko korisnih postavki:

• Pastelne boje: zasićenost 40–80 %, svjetlina 75–90 %.
• Tamni, prigušeni tonovi: zasićenost 10–40 %, svjetlina 15–35 %.
• Samo plave: ton 190–250.
• Tople boje: ton od 330 do 60.

U načinu Usklađena paleta (OKLCH) alat radi u OKLCH-u, perceptivnom modelu boja u kojem jednaki koraci svjetline oku izgledaju jednaki. Kao osnova koristi se prva zaključana boja; ako ništa nije zaključano, izvlači se nasumična osnova srednje svjetline i prilično zasićena. Ostale boje preuzimaju kutove tona sklada (primjerice +120° i +240° za triadne), uz malu nasumičnu varijaciju tona, svjetline i kromatičnosti da svaki klik daje novi rezultat. Kad tražiš više boja nego što sklad ima tonova, dodatne boje ponovno koriste kutove sa svjetlijim i tamnijim varijantama. Monokromatske zadržavaju jedan ton i raspoređuju svjetlinu od tamne do svijetle.

Boje koje padaju izvan onoga što sRGB zaslon može prikazati vraćaju se snižavanjem kromatičnosti, pa je svaki HEX kôd koji kopiraš prava boja koja se može prikazati.

Gdje nasumične boje pomažu

Nasumične boje korisne su za privremene avatare i grafikone, testne podatke, generativnu umjetnost, istraživanje dizajna kad zapneš pred praznom stranicom ili za odabir boje za projekt, momčad u igri ili oznaku. Zaključavanje ti omogućuje da ga koristiš kao automat: zadrži ono što radi, zavrti ostalo. Nasumičnost dolazi iz kriptografskog generatora tvog preglednika i ništa se ne šalje na poslužitelj.