Vajadzīga krāsa maketam, diagrammai vai tukšam audeklam, bet negribas to izvēlēties aiz ieraduma? Šis bezmaksas nejaušu krāsu ģenerators ņem krāsas no visa 24-bit diapazona, ko ekrāns spēj parādīt, un katru no tām parāda krāsas paraugā blakus tās kodam. Laukā „Skaits“ izvēlieties, cik krāsu vēlaties — jebkuru skaitli no 1 līdz 50 —, atzīmējiet vajadzīgos formātus un nospiediet pogu „Ģenerēt“. Lapa atveras ar vienu krāsu HEX formātā, tāpēc pirmais rezultāts ir viena klikšķa attālumā. Izvēles rūtiņa „HEX kods“ ir atzīmēta jau no sākuma, tai blakus ir „RGB kods“ un „HSL kods“, un jebkuru šo trīs kombināciju var ieslēgt vienlaikus. Zobrata poga blakus „Ģenerēt“ atver sadaļu „Papildu iestatījumi“, kur krāsas var ierobežot ar vienu veidu vai diapazonu, izslēgt atkārtojumus un mainīt HEX pieraksta veidu.
Katrai krāsai nejaušību nodrošina jūsu pārlūkprogrammas Web Crypto API (crypto.getRandomValues), kas piegādā kriptogrāfiski drošus nejaušos baitus no operētājsistēmas nejaušības avota, nevis vienkārša pseidonejauša funkcija, piemēram, Math.random(). Ekrāna krāsa sastāv no trim kanāliem — sarkana, zaļa un zila —, no kuriem katrs ir vesels skaitlis no 0 līdz 255, un viens nejaušs baits var pieņemt tieši 256 vērtības. Tādējādi katrs kanāls ir vienkārši viens nejaušs baits bez jebkādiem starpposmiem: netiek ņemts atlikums un neviens pārveidošanas solis nedod priekšroku nevienam tonim. Tas nozīmē, ka visām 16 777 216 krāsām 24-bit telpā, ko šī lapa spēj radīt, ir pilnīgi vienāda iespēja parādīties ikreiz, kad nospiežat pogu „Ģenerēt“. Šaurāks diapazons sadaļā „Papildu iestatījumi“ saglabā šo principu norādītajās robežās: krāsas joprojām tiek atlasītas no visas telpas, bet ārpus diapazona esošās tiek atmestas, tādēļ katrai atļautajai krāsai ir vienādas izredzes. Nekas netiek sūtīts uz serveri, nekas netiek reģistrēts, un pēc ielādes lapa turpina darboties pat bez interneta savienojuma.
Šie trīs formāti vienu un to pašu krāsu apraksta trīs dažādos veidos. Formāts „HEX kods“ ir sešzīmju heksadecimālais pieraksts, ko plaši izmanto CSS un lielākajā daļā dizaina rīku, piemēram, #0778ff; tas tiek rakstīts ar mazajiem burtiem un simbolu # sākumā, bet opcijas „Lielie burti“ un „Bez #“ sadaļā „Papildu iestatījumi“ maina šo pierakstu programmām, kurām nepieciešams cits formāts. Formāts „RGB kods“ izraksta visus trīs kanālus atsevišķi, kā rgb(7, 120, 255), kas ir lieliski piemērots programmatūras kodam, kurš apstrādā katru kanālu atsevišķi. Formāts „HSL kods“ apraksta krāsu ar toni, piesātinājumu un gaišumu, kā hsl(213, 100%, 51%), kas ir ērtākā forma turpmākai manuālai pielāgošanai. Visus trīs formātus var tieši iekopēt stila lapā. Tomēr to precizitāte nav vienāda. HEX un RGB ir precīzi; HSL ir noapaļots. Šī lapa toni, piesātinājumu un gaišumu raksta veselos skaitļos, un aptuveni 89% krāsu šī noapaļotā vērtība, to pārveidojot atpakaļ, neatgriež tieši to pašu krāsu: piemēram, #646503 tiek parādīts kā hsl(61, 94%, 20%), kas savukārt atpakaļ pārvēršas par #616303. Atšķirība nevienā kanālā nepārsniedz 5 soļus un parasti ir tikai 1 vai 2 — ekrānā tas nav pamanāms, bet kļūst svarīgi, ja saglabājat HSL vērtību un sagaidāt sākotnējo HEX kodu. Kad nepieciešama precīza krāsa, saglabājiet HEX vai RGB.
Viena krāsa tiek parādīta kā atsevišķa kartīte rezultāta centrā; vairākas krāsas parādās numurētā sarakstā, pa vienai krāsai rindā, ar izvēlētajiem formātiem līdzās un nelielu kontrasta nozīmīti beigās. Saraksts, kurā ir vairāk nekā trīs krāsas, ritinās lodziņa iekšpusē, un bultiņa stūrī atver to pilnā augstumā; lapa atceras, kādā stāvoklī to atstājāt. Noklikšķiniet uz jebkura koda, lai nokopētu tikai to. Rindas beigās esošā kopēšanas poga nokopē visus attiecīgās krāsas kodus vienā rindā, atdalot tos ar atstarpēm. Noklikšķiniet uz paša krāsas parauga, un atvērsies jūsu pārlūkprogrammas krāsu atlasītājs: izvēlieties tur citu krāsu, un visi šīs rindas kodi un kontrasta nozīmīte tiks atjaunināti atbilstoši jaunajai krāsai visos ieslēgtajos formātos. Poga „Kopēt visu“ nokopē visu partiju pa vienai krāsai rindā, bet „Saglabāt failā“ ieraksta šo pašu tekstu parastā .txt failā; abas darbības ņem vērā krāsu atlasītājā veiktās izmaiņas. Sadaļa „Vēsture“ saglabā pēdējās 10 partijas šajā pārlūkprogrammā tādā formā, kādā tās tika ģenerētas, bet poga „Notīrīt“ iztukšo rezultātu lauku. Jūsu iestatījumi, tostarp sadaļā „Papildu iestatījumi“, tiek saglabāti nākamajam apmeklējumam.
Vienādi ticamas krāsas vizuāli neizskatās vienmērīgi sadalītas, un izpratne par to, ko sagaidīt, pasargā no liekas pogas „Ģenerēt“ spiešanas. Mērot visā diapazonā, aptuveni 35% krāsu ir spilgtas un piesātinātas, ar HSL piesātinājumu vismaz 70% un gaišumu no 35% līdz 65%. Gandrīz pelēkas krāsas ar piesātinājumu zem 20% veido tikai aptuveni 4%, bet ļoti tumšas (gaišums zem 20%) un ļoti gaišas krāsas (virs 80%) — katra aptuveni 3%. Tādēļ desmit krāsu partijā ar parametru „Visas krāsas“ parasti būs vairākas spilgtas krāsas un reti kad gadīsies pasteļtoņi vai tumši pelēks tonis. Ja nepieciešams noteikts veids, izvēlieties to izvēlnē „Krāsu veids“: opcija „Spilgtas“ saglabā tieši šo piesātināto grupu, bet „Pasteļtoņi“, „Tumšas“, „Pieklusinātas“ un „Pelēktoņi“ dara to pašu savām grupām. Režīms „Pielāgotas“ ļauj iestatīt savus diapazonus parametriem „Tonis“, „Piesātinājums“ un „Gaišums“, turklāt toņa diapazons var šķērsot 0 robežu, tādējādi no 330 līdz 30 dod sarkanos toņus. Diapazons tiek pārbaudīts pēc lapā redzamā HSL koda, tāpēc neviens kods neizkrīt no robežām, un, ja diapazonā ir pārāk maz krāsu parametram „Skaits“, lapa lūdz to paplašināt, nevis atkārto vienas un tās pašas krāsas. Citos gadījumos atkārtošanās ir iespējama, taču reta: atzīmējiet opciju „Bez atkārtojumiem“, lai to novērstu; bez tās iespējamība, ka divas no 50 krāsām pilnā diapazonā izrādīsies identiskas, ir aptuveni 1 no 13 700.
Nejauša krāsa bieži nepieciešama kā fons, un tas rada jautājumu, uz kuru krāsas paraugs nevar atbildēt pēc acs mēra: vai teksts uz tās būs salasāms? Tīmekļa pieejamības vadlīnijas WCAG parastam tekstam pieprasa vismaz 4,5:1 kontrasta attiecību. Izmērot visas krāsas, ko šī lapa spēj radīt, melns teksts šo prasību sasniedz aptuveni 65% krāsu, bet balts teksts — aptuveni 36%, un nav nevienas krāsas, kurā abi varianti neizturētu pārbaudi: labākais no abiem vienmēr sasniedz vismaz 4,58:1 attiecību. Tātad uz jebkura nejauša fona melns vai balts teksts noteikti būs salasāms, un lapa parāda, kurš no tiem. Katrai krāsai ir neliela nozīmīte ar uzrakstu Aa labākajā no abām krāsām un norādītu kontrasta attiecību. Attiecība tiek noapaļota uz leju, tāpēc tā nekad mākslīgi neuzlabo rezultātu, un tā tiek atjaunināta, tiklīdz nomaināt krāsu atlasītājā. Nozīmīte salīdzina tikai melnu un baltu tekstu; zīmola vai jebkuras citas krāsas tekstam izmantojiet kontrasta pārbaudītāju.
Nejaušs nenozīmē harmonisks. Katra partijas krāsa tiek izvēlēta atsevišķi, neko nezinot par citām, tāpēc ģenerators nekad neveido dizainera izpratnē saskaņotu paleti — nekādu papildinošu pāru, nekādu blakus esošu toņu virkņu vai vienota gaišuma. Šaurāks diapazons maina partijas raksturu, bet ne šo noteikumu: pasteļtoņi vai zilo toņu virkne joprojām parādās pa vienam, bez savstarpējas sasaistes. Tieši tāda ir šī rīka jēga: tas sniedz krāsu, kuru pats nebūtu izvēlējies, un tas palīdz pārvarēt ieradumu vai radošo strupceļu. Lai nejaušu atradumu pārvērstu lietojamā rezultātā, paturiet sev tīkamo krāsu un atvasiniet pārējās no tās, nevis spiediet pogu „Ģenerēt“ tik ilgi, kamēr nejauši sakritīs viss komplekts. Saglabājiet tās toni un mainiet gaišumu gaišākiem un tumšākiem variantiem vai pagrieziet toni par 180 grādiem, lai iegūtu pretējo krāsu. „HSL kods“ ir formāts, kas šīs darbības pārvērš skaidros matemātiskos aprēķinos, nevis minējumos.
Kāpēc izvēlēties šo nejaušu krāsu ģeneratoru?
- Katra krāsa tiek izveidota jūsu pārlūkprogrammā ar Web Crypto API, uz serveri nekas netiek augšupielādēts
- Visām 16 777 216 krāsām ir pilnīgi vienāda iespējamība, pa vienam nejaušam baitam katram kanālam
- Vienas un tās pašas krāsas HEX, RGB un HSL kodi jebkurā kombinācijā
- Līdz 50 krāsām vienlaikus, katra ar krāsas paraugu un teksta kontrasta nozīmīti
- Opcijas „Spilgtas“, „Pasteļtoņi“, „Tumšas“, „Pieklusinātas“ un „Pelēktoņi“ vai individuāls toņa, piesātinājuma un gaišuma diapazons
- Opcija „Bez atkārtojumiem“, kad nepieciešams, un HEX kodi režīmā „Lielie burti“ vai „Bez #“
- Noklikšķiniet uz koda, lai to nokopētu, vai mainiet krāsu pārlūkprogrammas atlasītājā
- Funkcijas „Kopēt visu“, „Saglabāt failā“ un pēdējo 10 partiju „Vēsture“ jūsu pārlūkprogrammā
- Bezmaksas un neierobežots: bez reģistrācijas, bez limitiem, mūsu serveros nekas netiek glabāts
Nejaušas krāsas noder visur, kur krāsa nepieciešama pirms kāds par to ir pieņēmis lēmumu. Dizaineri tās izmanto radošā bloka pārvarēšanai un jauna sākumpunkta atrašanai, pie kāda parastā palete nekad nebūtu nonākusi. Izstrādātāji aizpilda maketus, vietturus un iemiesojumus, piešķir diagrammu datu sērijām savu krāsu, kamēr īstā tēma vēl nav izlemta, un pārbauda, kā saskarne tiek galā ar foniem, kuriem tā nav veidota — 50 krāsu partijā ar iestatījumu „Visas krāsas“ gandrīz vienmēr ir vismaz viena ļoti tumša vai ļoti gaiša krāsa, bet opcijas „Tumšas“ vai „Pasteļtoņi“ novirza testu uz konkrētu galējību. Ģeneratīvās mākslas autori un spēļu prototipu veidotāji šīs vērtības tieši ievada kodā, kur RGB formāts iederas lielākajā daļā grafikas bibliotēku. Pasniedzēji novieto visus trīs formātus līdzās, lai parādītu, ka viena krāsa var tikt pierakstīta kā kods, kā trīs kanāli vai kā pozīcija krāsu aplī, un paskaidrotu, kāpēc HSL versija ir noapaļota. Un ikviens, kurš marķē, piešķir birkas vai krāsu kodus sarakstam, iegūst skaidri atšķiramas krāsas bez liekām šaubām par izvēli.
Ir vērts paturēt prātā arī dažus objektīvus ierobežojumus. Šis ir ģenerators, nevis palešu veidošanas rīks: tas neveido krāsu harmonijas un nenofiksē vienu krāsu, kamēr pārējās mainās, un šaurāks diapazons dod vienas kategorijas krāsas, nevis saskaņotus komplektus. Kontrasta nozīmīte salīdzina tikai melnu un baltu tekstu. Lapa darbojas ar ekrānā attēlojamām sRGB krāsām — HEX, RGB un HSL — bez caurspīdīguma un neatbalsta CMYK, Pantone, OKLCH vai nosauktās CSS krāsas; drukāšanai pieskaņojiet krāsu savā drukas sagatavošanas darbplūsmā, nevis paļaujieties uz ekrāna kodu. Viens un tas pats kods dažādos ekrānos var izskatīties nedaudz atšķirīgi, jo monitori nav vienādi kalibrēti. HSL vērtības ir noapaļotas, kā aprakstīts iepriekš, un, ja nav atzīmēta opcija „Bez atkārtojumiem“, partija netiek pārbaudīta attiecībā uz dublikātiem. Tas, ko šī lapa patiešām garantē, ir daudz konkrētāks un precīzāks: katrai no tās 16 777 216 krāsām vai katrai krāsai jūsu iestatītajā diapazonā katrā nospiešanas reizē ir tieši vienāda iespēja, un tās tiek ņemtas no jūsu pārlūkprogrammas kriptogrāfiskā avota un nekur netiek sūtītas.