Reikia spalvos maketui, diagramai ar tuščiai drobei, bet nesinori vėl rinktis iš įpročio? Šis nemokamas atsitiktinių spalvų generatorius ima spalvas iš viso 24 bitų diapazono, kurį gali parodyti ekranas, ir kiekvieną parodo spalvos pavyzdyje šalia jos kodo. Lauke „Kiekis“ pasirinkite, kiek jų norite — nuo 1 iki 50, pažymėkite reikiamus formatus ir paspauskite „Generuoti“. Puslapis atsidaro su viena HEX formato spalva, tad pirmąjį rezultatą skiria vienas spustelėjimas. Žymimasis langelis „HEX kodas“ pažymėtas iš karto, šalia jo yra „RGB kodas“ ir „HSL kodas“, o įjungti galima bet kurį trijų derinį vienu metu. Dantračio mygtukas šalia „Generuoti“ atveria skiltį „Išplėstinės parinktys“, kurioje galite apriboti spalvas iki vienos rūšies ar rėžio, atmesti pasikartojimus ir pakeisti, kaip užrašomas HEX.
Kiekvienos spalvos atsitiktinumą užtikrina jūsų naršyklės Web Crypto API (crypto.getRandomValues), tiekianti kriptografiškai patikimus atsitiktinius baitus iš operacinės sistemos branduolio šaltinio, o ne paprasta pseudatsitiktinė funkcija, tokia kaip Math.random(). Spalva ekrane susideda iš trijų kanalų — raudono, žalio ir mėlyno — kurių kiekvienas yra sveikasis skaičius nuo 0 iki 255, o vienas atsitiktinis baitas turi lygiai 256 galimas reikšmes. Taigi kiekvienas kanalas yra tiesiog vienas atsitiktinis baitas be jokių tarpinių etapų: jokia liekana neimama ir joks konvertavimo žingsnis nesuteikia pirmenybės jokiam atspalviui. Dėl to visos 16 777 216 spalvų 24-bit erdvėje, kurias gali sugeneruoti šis puslapis, turi visiškai vienodą tikimybę pasirodyti kaskart spustelėjus mygtuką „Generuoti“. Siauresnis rėžis skiltyje „Išplėstinės parinktys“ išlaiko šią taisyklę nurodytose ribose: spalvos vis tiek atrenkamos iš visos erdvės, o netelpančios į rėžį atmetamos, todėl kiekviena leidžiama spalva turi vienodą šansą. Į serverį niekas nesiunčiama, žurnaluose niekas nefiksuojama, o puslapiui užsikrovus jis veikia net ir be interneto ryšio.
Šie trys formatai tą pačią spalvą aprašo trimis skirtingais būdais. Formatas „HEX kodas“ yra šešiaženklis šešioliktainis užrašas, plačiai naudojamas CSS ir daugumoje dizaino įrankių, pavyzdžiui, #0778ff; jis rašomas mažosiomis raidėmis su simboliu # pradžioje, o parinktys „Didžiosios raidės“ ir „Be #“ skiltyje „Išplėstinės parinktys“ leidžia pritaikyti kodą kitokių reikalavimų turinčioms programoms. Formatas „RGB kodas“ išskiria tris kanalus sveikaisiais skaičiais nuo 0 iki 255, atitinkamai kaip rgb(7, 120, 255), kas idealiai tinka programiniam kodui, valdančiam kiekvieną kanalą atskirai. Formatas „HSL kodas“ aprašo spalvą atspalviu laipsniais, sodrumu procentais ir šviesumu procentais, kaip hsl(213, 100%, 51%), o tai yra patogiausia forma tolesniam rankiniam koregavimui. Visus tris formatus galima tiesiogiai įklijuoti į stilių lentelę. Vis dėlto jų tikslumas nėra vienodas. HEX ir RGB yra tikslūs; HSL yra suapvalintas. Puslapis atspalvį, sodrumą ir šviesumą rašo sveikaisiais skaičiais, todėl maždaug 89% spalvų ši suapvalinta vertė konvertuojant atgal neatkuria visiškai tos pačios spalvos: pavyzdžiui, #646503 rodomas kaip hsl(61, 94%, 20%), o pastarasis atgal virsta į #616303. Skirtumas neviršija 5 žingsnių jokiame kanale ir paprastai yra tik 1 arba 2 — ekrane tai nematoma, tačiau svarbu, jei išsaugote HSL vertę tikėdamiesi atkurti pradinį HEX kodą. Kai reikalinga tiksli spalva, išsaugokite HEX arba RGB.
Viena spalva rodoma kaip atskira kortelė rezultato centre; kelios spalvos pateikiamos sunumeruotu sąrašu, po vieną spalvą eilutėje, su greta išdėstytais pasirinktais formatais ir mažu kontrasto ženkleliu pabaigoje. Daugiau nei trijų spalvų sąrašas slenkasi rėmelio viduje, o kampe esanti rodyklė išskleidžia jį iki viso aukščio; puslapis įsimena jūsų pasirinktą vaizdą. Spustelėkite bet kurį kodą, kad nukopijuotumėte tik jį. Eilutės gale esantis mygtukas „Kopijuoti“ nukopijuoja visus tos spalvos kodus vienoje eilutėje, atskirtus tarpais. Spustelėkite patį spalvos pavyzdį ir atsidarys jūsų naršyklės spalvų parinkiklis: pasirinkite ten kitą spalvą ir kiekvienas tos eilutės kodas bei kontrasto ženklelis bus atnaujinti pagal naują spalvą visais įjungtais formatais. Mygtukas „Kopijuoti viską“ nukopijuoja visą partiją po vieną spalvą eilutėje, o „Išsaugoti į failą“ įrašo tą patį tekstą į paprastą .txt failą; abu veiksmai atsižvelgia į spalvas, pakeistas parinkiklyje. Skiltis „Istorija“ saugo paskutines 10 partijų šioje naršyklėje tokia forma, kokia jos buvo sugeneruotos, o mygtukas „Išvalyti“ ištuština rezultatų lauką. Jūsų nustatymai, įskaitant nurodytus skiltyje „Išplėstinės parinktys“, išsaugomi kitam apsilankymui.
Vienodai tikėtinos spalvos vizualiai neatrodo tolygiai pasiskirsčiusios, o žinojimas, ko tikėtis, padeda be reikalo nespausti mygtuko „Generuoti“. Matuojant visame diapazone, apie 35% spalvų yra ryškios ir sodrios, kurių HSL sodrumas siekia bent 70%, o šviesumas yra tarp 35% ir 65%. Beveik pilkos spalvos, kurių sodrumas nesiekia 20%, sudaro tik apie 4%, o labai tamsios (šviesumas mažesnis nei 20%) ir labai šviesios (daugiau nei 80%) — po maždaug 3%. Todėl dešimties spalvų partijoje pasirinkus parametrą „Visos spalvos“ paprastai bus kelios sodrios spalvos ir retai pasitaikys pastelinis ar beveik pilkas atspalvis. Kai reikia konkretaus pobūdžio spalvų, pasirinkite meniu „Spalvų tipas“: parinktis „Ryškios“ išlaiko būtent šią sodrią grupę, o „Pastelinės“, „Tamsios“, „Prislopintos“ ir „Pilki atspalviai“ atitinkamai taikomi savo grupėms. Režimas „Pasirinktinės“ leidžia nustatyti individualius rėžius parametrams „Atspalvis“, „Sodrumas“ ir „Šviesumas“, o atspalvio rėžis gali peržengti 0 ribą, tad nuo 330 iki 30 suteikia raudonus tonus. Rėžis tikrinamas pagal puslapyje rodomą HSL kodą, todėl joks kodas neiškrenta iš ribų, o jei rėžyje yra per mažai spalvų nurodytam parametrui „Kiekis“, puslapis paprašo jį praplėsti, užuot kartojęs tas pačias spalvas. Kitais atvejais pasikartojimai galimi, bet reti: pažymėkite parinktį „Be pasikartojimų“, kad jų išvengtumėte; be jos tikimybė, kad dvi iš 50 spalvų visame diapazone bus identiškos, yra maždaug 1 iš 13 700.
Atsitiktinė spalva dažnai reikalinga kaip fonas, o tai kelia klausimą, į kurį spalvos pavyzdys negali atsakyti iš akies: ar tekstas ant jos bus įskaitomas? Žiniatinklio prieinamumo gairėse WCAG nurodoma, kad įprastam tekstui reikalingas bent 4,5:1 kontrasto santykis. Išmatavus visas spalvas, kurias gali sukurti šis puslapis, juodas tekstas šį reikalavimą pasiekia maždaug 65% spalvų, o baltas tekstas — maždaug 36%, ir nėra nė vienos spalvos, kurioje abu variantai netiktų: geresnysis iš dviejų visada pasiekia bent 4,58:1 santykį. Taigi bet kokiam atsitiktiniam fonui juodas arba baltas tekstas tikrai tiks, o puslapis parodo, kuris iš jų. Prie kiekvienos spalvos pateikiamas nedidelis ženklelis su užrašu Aa tinkamesne spalva ir nurodytu kontrasto santykiu. Santykis suapvalinamas į mažesnę pusę, todėl rezultatas niekada nėra dirbtinai pagražinamas, ir atsinaujina vos pakeitus spalvą parinkiklyje. Ženklelis lygina tik juodą ir baltą tekstą; jei naudojate prekių ženklo ar kitą teksto spalvą, patikrinkite porą kontrasto tikrintuvu.
Atsitiktinis nereiškia harmoningas. Kiekviena partijos spalva parenkama atskirai, nežinant apie kitas, todėl generatorius niekada nesukuria dizaineriška prasme suderintos paletės — jokių papildomų porų, jokių gretimų tonų sekų ar bendro šviesumo. Siauresnis rėžis pakeičia partijos pobūdį, bet ne šią taisyklę: pasteliniai ar mėlyni atspalviai vis tiek pateikiami po vieną, be jokio tarpusavio ryšio. Būtent tai ir yra privalumas: gaunate spalvą, kurios pats nebūtumėte pasirinkęs, o tai padeda įveikti įprotį ar kūrybinę aklavietę. Norėdami atsitiktinį radinį paversti naudingu rezultatu, pasilikite patinkančią spalvą ir iš jos išveskite likusias, užuot spaudę mygtuką „Generuoti“ tol, kol atsitiktinai sutaps visas rinkinys. Išlaikykite jos atspalvį ir keiskite šviesumą šviesesniems ir tamsesniems variantams gauti, arba pasukite atspalvį 180 laipsnių kampu kontrastingam deriniui rasti. „HSL kodas“ yra tas formatas, kuris šiuos veiksmus paverčia aiškiais matematiniais skaičiavimais, o ne spėlionėmis.
Kodėl verta pasirinkti šį atsitiktinių spalvų generatorių?
- Kiekviena spalva sukuriama jūsų naršyklėje per Web Crypto API, į serverį niekas nesiunčiama
- Visos 16 777 216 spalvų turi visiškai vienodą tikimybę, po vieną atsitiktinį baitą kiekvienam kanalui
- Tos pačios spalvos HEX, RGB ir HSL kodai bet kokia kombinacija
- Iki 50 spalvų vienu metu, kiekviena su spalvos pavyzdžiu ir teksto kontrasto ženkleliu
- Parinktys „Ryškios“, „Pastelinės“, „Tamsios“, „Prislopintos“ ir „Pilki atspalviai“ arba individualus atspalvio, sodrumo ir šviesumo rėžis
- Parinktis „Be pasikartojimų“, kai reikia unikalių spalvų, bei HEX kodas su nustatymais „Didžiosios raidės“ arba „Be #“
- Spustelėkite kodą, kad jį nukopijuotumėte, arba pakeiskite spalvą naršyklės parinkiklyje
- Funkcijos „Kopijuoti viską“, „Išsaugoti į failą“ ir paskutinių 10 partijų „Istorija“ jūsų naršyklėje
- Nemokama ir be apribojimų: jokios registracijos, jokių limitų, mūsų serveriuose niekas nesaugoma
Atsitiktinės spalvos praverčia visur, kur spalva reikalinga dar prieš kam nors priimant galutinį sprendimą. Dizaineriai jas naudoja kūrybiniam blokui įveikti ir rasti pradinį tašką, kurio įprasta paletė niekada nebūtų pasiūliusi. Programuotojai pildo maketus, vietaženklius ir profilio paveikslėlius, suteikia diagramų duomenų sekoms atskiras spalvas, kol pagrindinė tema dar nenuspręsta, ir tikrina, kaip sąsaja laikosi fonuose, kuriems ji nebuvo kurta — 50 spalvų partijoje su nustatymu „Visos spalvos“ beveik visada pasitaiko bent viena labai tamsi arba labai šviesi spalva, o parinktys „Tamsios“ ar „Pastelinės“ nukreipia testą į konkretų kraštutinumą. Generatyvinio meno kūrėjai ir žaidimų prototipų autoriai reikšmes tiesiogiai įterpia į kodą, kur RGB formatas lengvai pritaikomas daugumoje grafikos bibliotekų. Dėstytojai greta pateikia tris formatus, kad parodytų, jog viena spalva gali būti užrašyta kaip kodas, kaip trys kanalai arba kaip koordinatė spalvų rate, ir paaiškintų, kodėl HSL versija yra suapvalinta. O visi, kurie žymi, skirsto etiketėmis ar spalvomis koduoja sąrašą, greitai gauna aiškiai atskiriamas spalvas nesukdami galvos dėl pasirinkimo.
Verta žinoti ir keletą objektyvių apribojimų. Tai yra generatorius, o ne paletės kūrimo įrankis: jis nekuria spalvų harmonijų ir neužfiksuoja vienos spalvos keičiant kitas, o siauresnis rėžis suteikia vienos kategorijos spalvas, o ne tarpusavyje suderintus derinius. Kontrasto ženklelis lygina tik juodą ir baltą tekstą. Puslapis veikia su ekrane rodomomis sRGB spalvomis — HEX, RGB ir HSL — be permatomumo ir nepalaiko CMYK, Pantone, OKLCH ar įvardytų CSS spalvų; spaudai derinkite spalvą savo spaudos paruošimo procese, o ne pasikliaukite ekrano kodu. Tas pats kodas skirtinguose ekranuose taip pat gali atrodyti šiek tiek kitaip, nes monitoriai nėra vienodai sukalibruoti. HSL reikšmės yra suapvalintos, kaip aprašyta aukščiau, ir jei nepažymėta parinktis „Be pasikartojimų“, partija netikrinama dėl pasikartojimų. Tai, ką puslapis iš tiesų garantuoja, yra kur kas konkrečiau ir tiksliau: kiekviena iš 16 777 216 spalvų arba kiekviena spalva jūsų nustatytame rėžyje kaskart turi lygiai tokį patį šansą, yra paimta iš jūsų naršyklės kriptografinio šaltinio ir niekur nesiunčiama.