Potrebujete barvo za maketo, grafikon ali prazno platno in je ne želite izbrati iz navade? Ta brezplačni generator naključnih barv črpa barve iz celotnega 24-bitnega razpona, ki ga zmore prikazati zaslon, in vsako barvo prikaže na barvnem vzorcu ob njeni kodi. V polju „Število“ izberite, koliko barv želite — od 1 do 50 —, označite želene formate in pritisnite „Generiraj“. Stran se odpre z eno samo barvo v obliki HEX, zato je prvi rezultat dosegljiv z enim klikom. Potrditveno polje „Koda HEX“ je privzeto vklopljeno, „Koda RGB“ in „Koda HSL“ sta ob njem, poljubno kombinacijo vseh treh pa lahko aktivirate hkrati. Gumb z zobnikom ob gumbu „Generiraj“ odpre razdelek „Napredne možnosti“, kjer lahko barve omejite na določeno vrsto ali razpon, izključite ponavljanja in spremenite način zapisa kode HEX.
Vsaka barva se ustvari neposredno v vašem brskalniku prek Web Crypto API (crypto.getRandomValues), ki zagotavlja kriptografsko močne naključne bajte iz lastnega vira naključnosti vašega sistema, namesto z uporabo psevdonaključne funkcije, kot je Math.random(). Barvo na zaslonu sestavljajo trije kanali — rdeči, zeleni in modri —, pri čemer je vsak celo število od 0 do 255, en naključni bajt pa lahko zavzame natanko 256 vrednosti. Vsak kanal je torej preprosto en bajt brez vmesnih korakov: ne računa se ostanek pri deljenju in noben odtenek ni prednostno obravnavan s pretvorbo. Zato je vseh 16.777.216 barv, ki jih stran lahko ustvari, natanko enako verjetnih ob vsakem pritisku na gumb „Generiraj“. Ožji razpon v razdelku „Napredne možnosti“ ohranja to načelo znotraj izbranega okvira: barve se še vedno žrebajo iz celotnega prostora, tiste, ki padejo izven meja, pa se preprosto zavržejo, tako da ima vsaka dovoljena barva enako možnost. Nič se ne pošilja na strežnik, nič se ne beleži in ko se stran enkrat naloži, deluje tudi brez internetne povezave.
Vsi trije formati opisujejo isto barvo na tri različne načine. Oblika „Koda HEX“ je šestmestni zapis, ki se uporablja v CSS in večini orodij za oblikovanje, na primer #0778ff; zapisana je z malimi črkami in z začetnim znakom #, medtem ko možnosti „Velike črke“ in „Brez #“ v razdelku „Napredne možnosti“ prilagodita zapis za orodja, ki zahtevajo drugačno obliko. Oblika „Koda RGB“ izrecno navaja vrednosti treh kanalov, kot je rgb(7, 120, 255), kar ustreza programski kodi, ki obdeluje vsak kanal posebej. Oblika „Koda HSL“ opisuje barvo z odtenkom, nasičenostjo in svetlostjo, kot je hsl(213, 100%, 51%), kar je najprimernejša oblika za ročno prilagajanje. Vse tri lahko neposredno prilepite v slogovno predlogo. Vendar pa njihova natančnost ni enaka. HEX in RGB sta natančna; HSL je zaokrožen. Stran zapisuje odtenek, nasičenost in svetlost kot cela števila, pri približno 89% barv pa se ta zaokrožena vrednost ne pretvori nazaj v natanko isto barvo: vrednost #646503 je prikazana kot hsl(61, 94%, 20%), kar se pretvori nazaj v #616303. Razlika nikoli ne presega 5 korakov na posameznem kanalu in znaša običajno 1 ali 2 — na zaslonu je neopazna, vendar pomembna, če shranite vrednost HSL in pričakujete natančno izvirno kodo HEX. Kot shranjeno vrednost ohranite HEX ali RGB.
Posamezna barva se prikaže kot samostojni vzorec na sredini rezultata; več barv se prikaže kot oštevilčen seznam, po ena barva na vrstico, z izbranimi formati drug ob drugem in majhno značko kontrasta na koncu. Seznam z več kot tremi barvami se pomika znotraj okna, puščica v kotu pa ga razširi na celotno višino; stran si zapomni, v kakšnem stanju ste ga pustili. Kliknite katero koli kodo, da kopirate samo to kodo. Gumb za kopiranje na koncu vrstice kopira vse kode te barve v eno vrstico, ločene s presledki. Če kliknete sam barvni vzorec, se odpre izbirnik barv vašega brskalnika: tam izberite drugo barvo in vsaka koda v tej vrstici se prepiše po novi barvi v vseh vklopljenih formatih, skupaj z značko kontrasta. Gumb „Kopiraj vse“ kopira celotno serijo, po eno barvo na vrstico, „Shrani v datoteko“ pa isto besedilo zapiše v navadno datoteko .txt; obe funkciji upoštevata spremembe, narejene v izbirniku. Razdelek „Zgodovina“ hrani vaših zadnjih 10 serij v tem brskalniku natanko tako, kot so bile ustvarjene, gumb „Počisti“ pa izprazni prikaz. Vaše nastavitve, vključno s tistimi v razdelku „Napredne možnosti“, se ohranijo za naslednji obisk.
Enako verjetne barve niso videti enakomerno razporejene, poznavanje tega dejstva pa vam prihrani nepotrebno pritiskanje na „Generiraj“. Merjeno po celotnem prostoru je približno 35% barv svetlih in nasičenih, z nasičenostjo HSL vsaj 70% in svetlostjo med 35% in 65%. Skoraj sive barve z nasičenostjo pod 20% predstavljajo le približno 4%, zelo temne barve (svetlost pod 20%) in zelo svetle barve (nad 80%) pa približno 3% vsaka. Zato serija desetih barv pri izbiri „Vse barve“ običajno vsebuje več močnih barv ter le redko pastelno ali antracitno sivo. Če potrebujete določen značaj, ga izberite v meniju „Vrsta barve“: možnost „Živahne“ ohranja natanko to nasičeno skupino, možnosti „Pastelne“, „Temne“, „Pridušene“ in „Odtenki sive“ pa enako storijo za svoje profile. Način „Po meri“ vam omogoča nastavitev lastnih razponov za „Odtenek“, „Nasičenost“ in „Svetlost“, pri čemer lahko razpon odtenka teče čez vrednost 0, tako da razpon od 330 do 30 daje rdeče tone. Razpon se preverja glede na prikazano kodo HSL, zato nobena koda ne pade izven njega, in če vsebuje premalo barv za vrednost v polju „Število“, vas stran pozove, da ga razširite, namesto da bi ponavljala barve. Ponavljanja so sicer možna, a redka: označite možnost „Brez ponovitev“, da jih izključite; brez tega je verjetnost, da bosta dve od 50 barv iz polnega obsega enaki, približno 1 proti 13.700.
Naključna barva se pogosto išče kot ozadje, kar odpira vprašanje, na katero sam barvni vzorec ne more odgovoriti na pogled: ali bo besedilo na njej berljivo? Smernice za dostopnost spletnih vsebin WCAG zahtevajo kontrastno razmerje vsaj 4,5:1 za običajno besedilo. Merjeno na vseh barvah, ki jih ta stran lahko ustvari, črno besedilo doseže to raven pri približno 65% barv, belo besedilo pa pri približno 36%, pri čemer ni nobene barve, kjer bi odpovedali obe možnosti: ugodnejša od obeh vedno doseže vsaj 4,58:1. Na katerem koli naključnem ozadju bo torej črno ali belo besedilo berljivo, stran pa vam pokaže, katero je primernejše. Vsaka barva ima majhno značko z oznako Aa v boljši od obeh barv, ki ji sledi kontrastno razmerje. Razmerje je zaokroženo navzdol, tako da nikoli ne precenjuje lastnosti barve, in se posodobi, ko barvo spremenite v izbirniku. Značka primerja izključno črno in belo besedilo; za barvo blagovne znamke ali katero koli drugo barvo besedila preverite par v orodju za preverjanje kontrasta.
Naključno ni isto kot harmonično. Vsaka barva v seriji je izžrebana samostojno, brez povezave z drugimi, zato generator nikoli ne sestavi palete v oblikovalskem smislu — brez komplementarnih parov, brez analognih prehodov in brez skupne svetlosti. Ožji razpon spremeni značaj serije, ne pa tega pravila: pastelni toni ali niz modrih barv se še vedno vrstijo posamično, ne da bi bili med seboj usklajeni. Prav v tem je bistvo: ponudi vam barvo, ki je sami ne bi izbrali, kar pomaga premagati ustvarjalno blokado. Če želite naključno najdbo spremeniti v uporaben rezultat, obdržite barvo, ki vam je všeč, in iz nje izpeljite druge, namesto da nenehno pritiskate na „Generiraj“ v upanju na naključno skladnost celotnega niza. Ohranite njen odtenek in postopoma spreminjajte svetlost za svetlejše in temnejše različice, ali pa zasukajte odtenek za 180 stopinj, da dobite nasprotno barvo. Oblika „Koda HSL“ spremeni te korake v preprost izračun namesto ugibanja.
Zakaj izbrati ta generator naključnih barv?
- Vsaka barva nastane v vašem brskalniku prek Web Crypto API, brez pošiljanja podatkov
- Vseh 16.777.216 barv je natanko enako verjetnih, en naključni bajt na kanal
- Kode HEX, RGB in HSL za isto barvo v poljubni kombinaciji
- Do 50 barv hkrati, vsaka na barvnem vzorcu z značko kontrasta besedila
- Živahne, Pastelne, Temne, Pridušene in Odtenki sive, ali lasten razpon za odtenek, nasičenost in svetlost
- Brez ponovitev, ko potrebujete unikatne barve, ter koda HEX z velikimi črkami ali brez #
- Kliknite kodo za kopiranje ali spremenite katero koli barvo v izbirniku brskalnika
- Kopiraj vse, Shrani v datoteko in Zgodovina zadnjih 10 serij, shranjena v brskalniku
- Brezplačno in neomejeno: brez registracije, brez kvot in brez shranjevanja na strežnikih
Naključne barve so uporabne povsod, kjer je barva potrebna, preden je sprejeta končna odločitev. Oblikovalci jih uporabljajo za premagovanje ustvarjalnih blokad in za iskanje izhodišč, do katerih njihova običajna paleta nikoli ne bi prišla. Razvijalci z njimi zapolnjujejo makete, nadomestne elemente in avatarje, dodelijo vsaki seriji v grafikonu svojo barvo, medtem ko končna tema še ni določena, ter preizkušajo, kako se vmesnik obnese na ozadjih, za katera ni bil prvotno načrtovan — serija 50 barv iz izbire „Vse barve“ skoraj vedno vsebuje vsaj eno zelo temno ali zelo svetlo barvo, možnosti „Temne“ ali „Pastelne“ pa preizkus usmerita v enega od ekstremov. Generativni umetniki in razvijalci prototipov iger vnašajo vrednosti neposredno v kodo, kjer oblika RGB ustreza večini grafičnih knjižnic. Učitelji postavijo te tri formate drug ob drugega, da prikažejo, kako je mogoče isto barvo zapisati kot kodo, kot tri kanale ali kot položaj na barvnem krogu ter zakaj je različica HSL zaokrožena. Vsakdo, ki označuje ali barvno razvršča sezname, pa dobi razločne barve brez dolgotrajnega premišljevanja.
Vredno je poznati tudi nekaj stvarnih omejitev. To je generator in ne orodje za usklajevanje barvnih palet: ne gradi barvnih harmonij in ne omogoča zaklepanja posamezne barve, medtem ko se druge spreminjajo, ožji razpon pa daje barve iste vrste in ne barv, izbranih za medsebojno ujemanje. Značka kontrasta primerja izključno črno in belo besedilo. Stran deluje v barvnem prostoru sRGB za zaslone — HEX, RGB in HSL —, brez prosojnosti ter brez podpore za CMYK, Pantone, OKLCH ali poimenovane barve CSS; pri tisku barvo uskladite v pripravi za tisk in se ne zanašajte na zaslonsko kodo. Ista koda je lahko na različnih zaslonih videti nekoliko drugače, saj monitorji niso enako umerjeni. Vrednosti HSL so zaokrožene, kot je opisano zgoraj, in če ni označena možnost „Brez ponovitev“, se serija ne preverja glede dvojnikov. Kar stran natančno zagotavlja, je točno določeno: vsaka od njenih 16.777.216 barv ali vsaka barva znotraj vašega nastavljenega razpona ima enako možnost ob vsakem ustvarjanju, pridobljena je iz kriptografskega vira brskalnika in se nikoli nikamor ne pošilja.