Keni nevojë për një ngjyrë për një maketë, një grafik ose një kanavacë të zbrazët dhe preferoni të mos zgjidhni një nga zakoni? Ky gjenerues falas i ngjyrave rastësore nxjerr ngjyra nga i gjithë diapazoni 24-bit që mund të shfaqë një ekran dhe e vendos secilën në një mostër ngjyre pranë kodit të saj. Zgjidhni sa ngjyra dëshironi te fusha „Numri“ — nga 1 deri në 50 —, shënoni formatet e nevojshme dhe shtypni „Gjenero“. Faqja hapet me një ngjyrë të vetme në formatin HEX, kështu që rezultati i parë është vetëm një klikim larg. Kutia e zgjedhjes „Kodi HEX“ është e shënuar që në fillim, opsionet „Kodi RGB“ dhe „Kodi HSL“ qëndrojnë pranë saj, dhe çdo kombinim i të treve mund të aktivizohet njëkohësisht. Butoni me ingranazh pranë „Gjenero“ hap panelin „Opsione të Përparuara“, ku mund të kufizoni ngjyrat në një lloj apo diapazon të caktuar, të shmangni përsëritjet dhe të ndryshoni mënyrën e shkrimit të kodit HEX.
Çdo ngjyrë krijohet drejtpërdrejt në shfletuesin tuaj përmes Web Crypto API (crypto.getRandomValues), e cila siguron bajte rastësore të forta kriptografikisht nga burimi i vetë sistemit tuaj, dhe jo nga një funksion pseudorastësor si Math.random(). Një ngjyrë në ekran përbëhet nga tre kanale — i kuq, i gjelbër dhe blu —, secili me një numër të plotë nga 0 deri në 255, dhe një bajt i rastësishëm mund të marrë saktësisht 256 vlera. Kështu, çdo kanal është thjesht një bajt pa hapa të ndërmjetëm: nuk llogaritet mbetje pjesëtimi dhe asnjë nuancë nuk favorizohet nga ndonjë proces konvertimi. Kjo bën që të gjitha 16 777 216 ngjyrat që faqja mund të prodhojë të kenë saktësisht të njëjtën gjasë sa herë që shtypni butonin „Gjenero“. Një diapazon më i ngushtë në panelin „Opsione të Përparuara“ e ruan këtë parim brenda përzgjedhjes: ngjyrat merren gjithnjë nga e gjithë hapësira dhe ato që bien jashtë lihen mënjanë, duke bërë që çdo ngjyrë e lejuar të ketë shanse të barabarta. Asgjë nuk dërgohet në server, asgjë nuk regjistrohet dhe pasi faqja të ngarkohet, ajo vazhdon të funksionojë edhe pa lidhje interneti.
Të tre formatet përshkruajnë të njëjtën ngjyrë në tre mënyra të ndryshme. Formati „Kodi HEX“ është forma me gjashtë shifra që përdoret gjerësisht në CSS dhe në shumicën e mjeteve të dizajnit, si #0778ff; shkruhet me shkronja të vogla me një simbol # përpara, ndërsa opsionet „Shkronja të mëdha“ dhe „Pa #“ te „Opsione të Përparuara“ e përshtatin këtë për mjetet që kërkojnë format tjetër. Formati „Kodi RGB“ përcakton qartë tre kanalet, si në rgb(7, 120, 255), çka i përshtatet kodit që punon me secilin kanal veçmas. Formati „Kodi HSL“ e përshkruan ngjyrën përmes nuancës, ngopjes dhe çelësisë, si në hsl(213, 100%, 51%), që është forma më e përshtatshme për rregullime manuale. Të treja mund të ngjiten drejtpërdrejt në CSS. Megjithatë, saktësia e tyre ndryshon. HEX dhe RGB janë të sakta; HSL është i rrumbullakosur. Faqja shkruan nuancën, ngopjen dhe çelësinë si numra të plotë, dhe për rreth 89% të ngjyrave kjo vlerë e rrumbullakosur nuk kthehet saktësisht në të njëjtën ngjyrë: #646503 shfaqet si hsl(61, 94%, 20%), e cila rikthehet si #616303. Dallimi nuk i kalon kurrë 5 hapa në një kanal dhe zakonisht është 1 ose 2 — i padukshëm në ekran, por real nëse ruani vlerën HSL dhe prisni kodin fillestar HEX. Ruani vlerën HEX ose RGB kur saktësia ka rëndësi.
Një ngjyrë e vetme shfaqet si një mostër qendrore në mes të rezultatit; disa ngjyra paraqiten si një listë e numëruar, me një ngjyrë për rresht, me formatet e zgjedhura krah për krah dhe një distinktiv të vogël kontrasti në fund. Një listë me më shumë se tri ngjyra lëviz brenda kutisë, ndërsa shigjeta në kënd e zgjeron në lartësi të plotë; faqja e mban mend gjendjen e fundit. Klikoni mbi çdo kod për të kopjuar vetëm atë kod. Butoni i kopjimit në fund të çdo rreshti kopjon të gjitha kodet e asaj ngjyre në një rresht të vetëm, të ndara me hapësira. Nëse klikoni mbi vetë mostrën e ngjyrës, hapet zgjedhësi vendas i ngjyrave i shfletuesit tuaj: zgjidhni një ngjyrë tjetër aty dhe çdo kod në atë rresht rishkruhet sipas ngjyrës së re, në çdo format të aktivizuar, bashkë me distinktivin përkatës. Butoni „Kopjo të gjitha“ kopjon të gjithë serinë, një ngjyrë për rresht, ndërsa „Ruaj në skedar“ e ruan të njëjtin tekst në një skedar të thjeshtë .txt; të dyja pasqyrojnë ndryshimet e bëra në zgjedhës. Seksioni „Historiku“ ruan 10 seritë tuaja të fundit në këtë shfletues, saktësisht siç u gjeneruan, ndërsa butoni „Pastro“ pastron rezultatet. Cilësimet tuaja, duke përfshirë ato te „Opsione të Përparuara“, mbahen mend për vizitën e radhës.
Ngjyrat me gjasa të barabarta nuk duken të shpërndara në mënyrë uniforme, dhe të dish çfarë të presësh të kursen shtypjen e butonit „Gjenero“ pa arsye. Matur në të gjithë hapësirën, rreth 35% e ngjyrave janë të ndritshme dhe të ngopura, me ngopje HSL të paktën 70% dhe çelësi midis 35% dhe 65%. Ngjyrat pranë grisë, me ngopje nën 20%, përbëjnë vetëm rreth 4%, ndërsa ngjyrat shumë të errëta (çelësia nën 20%) dhe ato shumë të çelëta (mbi 80%) përbëjnë rreth 3% secila. Prandaj, një seri prej dhjetë ngjyrash nga opsioni „Të gjitha ngjyrat“ zakonisht përmban disa ngjyra të forta dhe rrallë një pastel apo gri antracit. Kur kërkoni një profil të caktuar, zgjidheni te menyja „Lloji i ngjyrës“: opsioni „Të gjalla“ ruan pikërisht këtë grup të ngopur, ndërsa opsionet „Pastel“, „Të errëta“, „Të zbutura“ dhe „Shkallë e grisë“ veprojnë njësoj për kategoritë e tyre. Modaliteti „Të personalizuara“ ju lejon të vendosni kufijtë tuaj për „Nuanca“, „Ngopja“ dhe „Çelësia“, ku diapazoni i nuancës mund të kalojë vlerën 0, kështu që nga 330 deri në 30 jep tone të kuqe. Diapazoni kontrollohet kundrejt kodit HSL të shfaqur, kështu që asnjë kod nuk del jashtë tij, dhe nëse përmban shumë pak ngjyra për vlerën te „Numri“, faqja kërkon ta zgjeroni në vend që të përsërisë ngjyrat. Përsëritjet janë të mundshme por të rralla: aktivizoni opsionin „Pa përsëritje“ për t'i përjashtuar; pa të, gjasat që dy nga 50 ngjyra të jenë identike janë rreth 1 në 13 700.
Një ngjyrë e rastësishme shpesh kërkohet si sfond, gjë që ngre një pyetje së cilës mostra nuk mund t'i përgjigjet me sy të lirë: a do të jetë teksti i lexueshëm mbi të? Udhëzuesi i aksesueshmërisë në internet WCAG kërkon një raport kontrasti prej të paktën 4,5:1 për tekstin e zakonshëm. E matur në çdo ngjyrë që kjo faqe mund të prodhojë, teksti i zi e arrin këtë në rreth 65% të tyre dhe teksti i bardhë në rreth 36%, dhe nuk ka asnjë ngjyrë ku të dy dështojnë: alternativa më e mirë arrin gjithmonë të paktën 4,58:1. Kështu, për çdo sfond të rastësishëm, teksti i zi ose i bardhë do të jetë i lexueshëm, dhe faqja ju tregon cilin të zgjidhni. Çdo ngjyrë mban një distinktiv të vogël me shkronjat Aa në ngjyrën më të përshtatshme, shoqëruar me raportin e kontrastit. Raporti rrumbullakoset për poshtë, kështu që nuk e mbivlerëson kurrë ngjyrën, dhe përditësohet sapo ndryshoni ngjyrën në zgjedhës. Distinktivi krahason vetëm tekstin e zi dhe të bardhë; për ngjyrën e markës ose çdo ngjyrë tjetër teksti, provojeni dyshen në një mjet kontrolli të kontrastit.
E rastësishmja nuk është e njëjta gjë me harmoniken. Çdo ngjyrë në një seri përzgjidhet më vete, pa marrë parasysh të tjerat, kështu që gjeneruesi nuk ndërton një paletë në kuptimin e dizajnit — pa çifte plotësuese, pa seri analoge dhe pa çelësi të përbashkët. Një diapazon më i ngushtë ndryshon karakterin e serisë, por jo këtë rregull: ngjyrat pastel apo një seri ngjyrash blu vijnë njëra pas tjetrës, pa ndonjë lidhje harmonike mes tyre. Ky është pikërisht qëllimi: ju ofron ngjyrën që nuk do ta kishit zgjedhur vetë, duke ndihmuar në thyerjen e një bllokimi krijues. Për ta kthyer një gjetje të rastësishme në diçka të dobishme, mbani ngjyrën që ju pëlqen dhe nxirrni të tjerat prej saj, në vend që të shtypni vazhdimisht „Gjenero“ me shpresën se një grup i tërë do të harmonizohet rastësisht. Mbani nuancën dhe ndryshoni shkallë-shkallë çelësinë për variante më të çelëta ose më të errëta, ose rrotulloni nuancën me 180 gradë për të marrë ngjyrën e kundërt. Formati „Kodi HSL“ është ai që i kthen këto lëvizje në një llogaritje të thjeshtë aritmetike dhe jo hamendësim.
Pse të zgjidhni këtë gjenerues ngjyrash rastësore?
- Çdo ngjyrë krijohet në shfletuesin tuaj përmes Web Crypto API, pa ngarkuar të dhëna
- Të gjitha 16 777 216 ngjyrat janë saktësisht me gjasa të barabarta, një bajt për kanal
- Kodet HEX, RGB dhe HSL për të njëjtën ngjyrë, në çdo kombinim të dëshiruar
- Deri në 50 ngjyra njëherësh, secila në një mostër me distinktiv kontrasti teksti
- Të gjalla, Pastel, Të errëta, Të zbutura dhe Shkallë e grisë, ose diapazon vetjak për nuancën, ngopjen dhe çelësinë
- Pa përsëritje kur ju nevojiten vlera unike, dhe HEX me Shkronja të mëdha ose Pa #
- Klikoni mbi çdo kod për ta kopjuar, ose ndryshoni ngjyrën në zgjedhësin e shfletuesit
- Kopjo të gjitha, Ruaj në skedar dhe Historiku i 10 serive të fundit në shfletues
- Falas dhe pa kufizime: pa regjistrim, pa kuota dhe pa ruajtje në serverët tanë
Ngjyrat e rastësishme janë të dobishme kudo ku nevojitet një ngjyrë para se të vendoset përfundimisht për të. Dizajnerët i përdorin për të kapërcyer bllokimet krijuese dhe për të gjetur një pikënisje që paleta e tyre e zakonshme nuk do ta arrinte kurrë. Zhvilluesit mbushin maketa, elemente vendmbajtëse dhe avatarë, i japin çdo serie në një grafik ngjyrën e vet ndërkohë që tema reale është ende e pavendosur, si dhe testojnë se si një ndërfaqe përballon sfondet për të cilat nuk ishte projektuar — një seri prej 50 ngjyrash nga opsioni „Të gjitha ngjyrat“ pothuajse gjithmonë përfshin të paktën një ngjyrë shumë të errët ose shumë të çelët, ndërsa opsionet „Të errëta“ apo „Pastel“ e synojnë testin në një ekstrem të caktuar. Artistët gjenerues dhe krijuesit e prototipave të lojërave i kalojnë vlerat drejtpërdrejt në kod, ku formati RGB i përshtatet shumicës së bibliotekave grafike. Mësuesit vendosin të tre formatet pranë njëri-tjetrit për të treguar se si një ngjyrë mund të shkruhet si kod, si tre kanale ose si pozicion në një rreth ngjyrash, dhe pse versioni HSL është i rrumbullakosur. Dhe kushdo që emërton, etiketon ose kodon me ngjyra një listë përfiton ngjyra të dallueshme pa humbur kohë me mëdyshje.
Vlen të njihen edhe disa kufizime të sinqerta. Ky është një gjenerues dhe jo një mjet për krijimin e paletave: nuk ndërton harmoni ngjyrash dhe nuk lejon bllokimin e një ngjyre ndërsa të tjerat ndryshojnë, ndërsa një diapazon më i ngushtë jep ngjyra të një lloji dhe jo ngjyra të zgjedhura për të shkuar bashkë. Distinktivi i kontrastit krahason vetëm tekstin e zi dhe të bardhë. Faqja punon në ngjyrat e ekranit sRGB — HEX, RGB dhe HSL —, pa mbështetje për tejdukshmëri dhe pa formate CMYK, Pantone, OKLCH apo ngjyra me emër të CSS; për printim, përshtateni ngjyrën në përgatitjen për shtyp dhe mos u mbështetni te kodi i ekranit. I njëjti kod mund të duket paksa ndryshe nga një ekran në tjetrin, pasi monitorët nuk janë të kalibruar njëlloj. Vlerat HSL janë të rrumbullakosura, siç u shpjegua më lart, dhe përveçse kur shënohet opsioni „Pa përsëritje“, seria nuk kontrollohet për përsëritje. Ajo që faqja garanton me saktësi është e qartë: secila nga 16 777 216 ngjyrat e saj, ose çdo ngjyrë brenda diapazonit që keni caktuar, ka të njëjtin shans në çdo gjenerim, e nxjerrë nga burimi kriptografik i shfletuesit tuaj dhe pa u dërguar kurrë asgjëkundi.