Kas vajad värvi kavandi, diagrammi või tühja lõuendi jaoks ega taha seda valida harjumusest? See tasuta juhuslike värvide generaator ammutab värve kogu 24-bitisest vahemikust, mida ekraan suudab kuvada, ja paneb iga värvi värvinäidisele selle koodi kõrvale. Väljal „Arv“ vali, mitu värvi soovid — mis tahes arv 1 kuni 50 — märgi vajalikud vormingud ja vajuta nuppu „Genereeri“. Leht avaneb ühe värviga HEX-vormingus, nii et esimene tulemus on vaid ühe klõpsu kaugusel. Märkeruut „HEX-kood“ on algusest peale märgitud, selle kõrval on märkeruudud „RGB-kood“ ja „HSL-kood“, ning mis tahes kombinatsiooni neist kolmest saab korraga sisse lülitada. Nupu „Genereeri“ kõrval olev hammasratta nupp avab jaotise „Täpsemad valikud“, kus saad piirata värve ühe liigi või vahemikuga, välistada kordused ja muuta HEX-i kirjutusviisi.
Iga värv luuakse sinu brauseris Web Crypto API (crypto.getRandomValues) kaudu, mis pakub krüptograafiliselt tugevaid juhuslikke baite sinu süsteemi enda juhuslikkuse allikast, mitte pseudojuhusliku funktsiooni, näiteks Math.random(), abil. Ekraanil olev värv koosneb kolmest kanalist — punasest, rohelisest ja sinisest — millest igaüks on täisarv 0 kuni 255, ja üks juhuslik bait võib võtta täpselt 256 väärtust. Seega on iga kanal lihtsalt üks bait, vahepeal pole ühtegi lisasammu: jääki ei võeta ja ükski teisendussamm ei eelista ühtegi tooni. See teeb kõik 16 777 216 värvi, mida leht suudab luua, iga kord, kui vajutad nuppu „Genereeri“, täiesti võrdselt tõenäoliseks. Kitsam vahemik jaotises „Täpsemad valikud“ säilitab selle omaduse vahemiku piires: värve ammutatakse ikkagi kogu ruumist ning need, mis jäävad väljapoole, jäetakse kõrvale, nii et igal värvil, mida vahemik lubab, on sama võimalus. Midagi ei saadeta serverisse, midagi ei logita, ja kui leht on laadinud, jätkab see tööd isegi ilma internetiühenduseta.
Kolm vormingut kirjeldavad sama värvi kolmel viisil. Vorming „HEX-kood“ on kuuekohaline kuju, mida kasutatakse CSS-is ja enamikus disainitööriistades, näiteks #0778ff; see kirjutatakse väiketähtedega ja alguses on #, ning valikud „Suurtähed“ ja „Ilma #-ta“ jaotises „Täpsemad valikud“ muudavad seda tööriistade jaoks, mis ootavad teistsugust kirjapilti. Vorming „RGB-kood“ kirjutab kõik kolm kanalit eraldi välja, nagu rgb(7, 120, 255), mis sobib koodile, mis töötleb iga kanalit eraldi. Vorming „HSL-kood“ kirjeldab värvi tooni, küllastuse ja heleduse kaudu, nagu hsl(213, 100%, 51%) — kõige lihtsam vorm hilisemaks käsitsi kohandamiseks. Kõik kolm vormingut saab kleepida otse laaditabelisse. Need pole aga võrdselt täpsed. HEX ja RGB on täpsed; HSL on ümardatud. Leht kirjutab tooni, küllastuse ja heleduse täisarvudena, ning umbes 89% värvide puhul ei teisendu see ümardatud väärtus tagasi täpselt samaks värviks: #646503 kuvatakse kui hsl(61, 94%, 20%), mis teisendub tagasi väärtuseks #616303. Erinevus ühes kanalis ei ületa kunagi 5 sammu ja on tavaliselt 1 või 2 — ekraanil nähtamatu, kuid tõeline, kui salvestad HSL-väärtuse ja ootad tagasi algset HEX-i. Salvesta väärtus seepärast HEX- või RGB-kujul.
Üks värv kuvatakse tulemuse keskel ühe kiibina; mitu värvi kuvatakse nummerdatud loendina, üks värv rea kohta, valitud vormingud kõrvuti ja väike kontrastsuse märgis lõpus. Loend, milles on rohkem kui kolm värvi, kerib kasti sees, ja selle nurgas olev nool avab selle täisulatuses; leht mäletab, millises olekus sa selle jätsid. Klõpsa mis tahes koodil, et kopeerida ainult see kood. Rea lõpus olev kopeerimisnupp kopeerib selle värvi kõik koodid ühele reale, tühikutega eraldatuna. Klõpsa näidisel endal ja avaneb brauseri enda värvivalija: vali seal teine värv ning kõik selle rea koodid kirjutatakse ümber, et need vastaksid sellele, igas sisselülitatud vormingus, koos selle märgisega. Nupp „Kopeeri kõik“ kopeerib kogu partii, ühe värvi rea kohta, ja nupp „Salvesta faili“ kirjutab sama teksti lihtsasse .txt-faili; mõlemad järgivad mis tahes värvi, mille sa valijas muutsid. Jaotis „Ajalugu“ säilitab sinu viimased 10 partiid selles brauseris, täpselt sellisena, nagu need loodi, ja nupp „Tühjenda“ tühjendab tulemuse. Sinu seaded, sealhulgas jaotises „Täpsemad valikud“ olevad, jäetakse meelde järgmiseks külastuseks.
Võrdselt tõenäolised värvid ei näi ühtlaselt jaotunud, ja teadmine, mida oodata, hoiab ära nupu „Genereeri“ vajutamise valel põhjusel. Kogu vahemikku mõõtes on umbes 35% värvidest eredad ja küllastunud, HSL-küllastusega vähemalt 70% ja heledusega 35% kuni 65%. Hallile lähedased värvid, küllastusega alla 20%, moodustavad vaid umbes 4%, ja väga tumedad (heledus alla 20%) ning väga heledad (üle 80%) moodustavad umbes 3% kumbki. Seetõttu sisaldab kümne värvi partii valikust „Kõik värvid“ tavaliselt mitut tugevat värvi ja harva pastelset või tumehalli värvi. Kui vajad kindlat liiki, vali see väljal „Värvitüüp“: valik „Erksad“ säilitab täpselt selle küllastunud rühma ning valikud „Pastelsed“, „Tumedad“, „Summutatud“ ja „Halltoonid“ teevad sama oma rühmade jaoks. Valik „Kohandatud“ võimaldab sul määrata omaenda vahemikud väljadele „Toon“, „Küllastus“ ja „Heledus“, ning toonivahemik võib ületada 0, nii et vahemik 330 kuni 30 annab punased värvid. Vahemikku kontrollitakse lehe kuvatava HSL-koodi järgi, nii et ükski kood ei jää sellest väljapoole, ning kui see sisaldab liiga vähe värve välja „Arv“ jaoks, palub leht sul vahemikku laiendada, mitte värve korrata. Kordused on muidu võimalikud, aga haruldased: märgi „Kordusteta“, et need välistada, ja ilma selleta on tõenäosus, et kaks 50 värvist kogu vahemikust tulevad ühesugused, umbes 1 13 700-st.
Juhuslikku värvi soovitakse sageli taustaks, mis tõstatab ühe küsimuse, millele näidis paljal silmal vastata ei saa: kas tekst on sellel loetav? Veebi ligipääsetavuse suunis, WCAG, nõuab tavateksti jaoks kontrastsussuhet vähemalt 4,5:1. Kõiki värve mõõtes, mida see leht suudab luua, saavutab must tekst selle umbes 65% puhul ja valge tekst umbes 36% puhul, ning ei ole värvi, mille puhul mõlemad läbi kukuvad: parem kahest saavutab alati vähemalt 4,58:1. Seega on mis tahes juhuslikul taustal must või valge tekst loetav ja leht näitab sulle, kumb. Iga värvi kõrval kuvatakse väike märgis, mis näitab paremas kahest tähti Aa, millele järgneb selle kontrastsussuhe. Suhe ümardatakse allapoole, nii et see ei näita kunagi paremat kontrasti, kui tegelikult on, ja uueneb, kui muudad värvi valijas. Märgis võrdleb ainult musta ja valget teksti; brändivärvi või mis tahes muu tekstivärvi jaoks kontrolli värvipaari kontrastsuse kontrollijaga.
Juhuslikkus ei ole sama mis harmoonia. Iga värv partiis ammutatakse iseseisvalt, ilma teadmiseta teistest, nii et generaator ei ehita kunagi paletti disaineri mõttes — ei täiendavaid paare, ei analoogseid ridu ega jagatud heledust. Kitsam vahemik muudab partii iseloomu, mitte seda reeglit: pastelsed värvid või sinise seeria jõuavad ikkagi üks-haaval, ilma et miski neid seoks. Selles seisnebki mõte: see annab sulle värvi, mida sa ise ei oleks valinud, ja just see murrab harjumuse või loomingulise ummiku. Et muuta juhuslik leid millekski kasutatavaks, jäta alles värv, mis sulle meeldib, ja tuleta ülejäänud sellest, selle asemel et vajutada nuppu „Genereeri“, kuni terve partii juhuslikult kokku langeb. Hoia selle toon ja muuda järk-järgult heledust heledamate ja tumedamate variantide jaoks või pööra tooni 180 kraadi, et saada vastandvärv. Vorming „HSL-kood“ muudab need sammud arvutuseks, mitte arvamiseks.
Miks valida see juhuslike värvide generaator?
- Iga värv luuakse sinu brauseris Web Crypto API abil, midagi ei laadita üles
- Kõik 16 777 216 värvi on täiesti võrdselt tõenäolised, üks juhuslik bait kanali kohta
- HEX-, RGB- ja HSL-koodid sama värvi jaoks, mis tahes kombinatsioonis
- Kuni 50 värvi korraga, igaüks värvinäidisel tekstikontrastsuse märgisega
- Erksad, Pastelsed, Tumedad, Summutatud ja Halltoonid, või sinu enda tooni, küllastuse ja heleduse vahemik
- Kordusteta, kui vaja, ja HEX suurtähtedega või ilma #-ta
- Klõpsa koodil, et see kopeerida, või muuda mis tahes värvi oma brauseri värvivalijas
- Kopeeri kõik, Salvesta faili ja viimase 10 partii Ajalugu, mida hoitakse sinu brauseris
- Tasuta ja piiramatu: registreerimist ei ole, kvooti ei ole, meie serverites ei salvestata midagi
Juhuslikud värvid on kasulikud kõikjal, kus värvi on vaja, enne kui keegi on selle üle otsustanud. Disainerid kasutavad neid loomingulise ummiku murdmiseks ja lähtepunkti leidmiseks, milleni nende tavaline palett ei jõuaks kunagi. Arendajad täidavad nendega kavandeid, kohatäiteid ja avatare, annavad diagrammi igale seeriale oma värvi, kuni tegelik teema pole veel otsustatud, ja testivad, kuidas liides toime tuleb taustadega, mille jaoks seda ei kujundatud — 50 värvi partii valikust „Kõik värvid“ sisaldab peaaegu alati vähemalt üht väga tumedat või väga heledat värvi, ning valikud „Tumedad“ või „Pastelsed“ suunavad testi ühte äärde. Generatiivse kunsti loojad ja mänguprototüüpide arendajad sisestavad väärtused otse koodi, kus RGB-vorm sobib enamikku graafikateekidesse. Õpetajad panevad kolm vormingut kõrvuti, et näidata, et üht värvi saab kirjutada koodina, kolme kanalina või asukohana värviratta peal, ning miks HSL-versioon on ümardatud. Ja igaüks, kes loendis silte lisab, märgistab või värvi järgi kodeerib, saab eristatavad värvid, muretsemata, millise valida.
Tasub teada mõnda ausat piirangut. See on generaator, mitte paletitööriist: see ei ehita värviharmooniaid ega hoia üht värvi paigal, samal ajal kui teised muutuvad, ning kitsam vahemik annab ühe liigi värve, mitte värve, mis on valitud omavahel sobima. Kontrastsuse märgis võrdleb ainult musta ja valget teksti. Leht töötab sRGB värvidega, mida ekraan kuvab — HEX, RGB ja HSL — ilma läbipaistvuseta ja ilma CMYK, Pantone, OKLCH või nimeliste CSS-värvideta; trükkimiseks sobita värv trükiettevalmistuses, selle asemel et usaldada ekraanikoodi. Sama kood võib paista ka eri ekraanidel veidi erinev, kuna ekraanid pole ühtemoodi kalibreeritud. HSL-väärtused on ümardatud, nagu eespool kirjeldatud, ja kui pole märgitud „Kordusteta“, siis partiid korduste osas ei kontrollita. See, mida leht tegelikult tagab, on kitsam ja täpne: iga tema 16 777 216 värvist, või iga värv sinu määratud vahemiku piires, saab igal vajutusel sama võimaluse, ammutatuna sinu brauseri krüptograafilisest allikast ja mitte kunagi kuhugi saadetuna.