Ai nevoie de o culoare pentru o machetă, un grafic sau o pânză goală și ai prefera să nu alegi una din obișnuință? Acest generator gratuit de culori aleatorii extrage culori din spațiul complet de 24 de biți pe care îl poate afișa un ecran și așază fiecare culoare pe un eșantion de culoare, alături de codul său. Alege câte culori dorești în câmpul „Număr” — de la 1 la 50 —, bifează formatele dorite și apasă pe butonul „Generează”. Pagina se deschide cu o singură culoare în format HEX, astfel încât primul rezultat este la o singură apăsare distanță. Caseta „Cod HEX” este bifată de la început, iar opțiunile „Cod RGB” și „Cod HSL” stau alături de ea, oricare combinație dintre cele trei putând fi activată simultan. Butonul cu roată dințată de lângă „Generează” deschide secțiunea „Opțiuni avansate”, unde poți limita culorile la un anumit tip sau interval, poți exclude repetările și poți schimba modul în care este scris codul HEX.
Fiecare culoare este generată direct în browser prin Web Crypto API (crypto.getRandomValues), care furnizează octeți aleatorii siguri din punct de vedere criptografic din sursa de entropie a propriului sistem, și nu printr-o funcție pseudorandom precum Math.random(). O culoare pe ecran este compusă din trei canale — roșu, verde și albastru —, fiecare fiind un număr întreg de la 0 la 255, iar un octet aleatoriu poate lua exact 256 de valori. Prin urmare, fiecare canal este pur și simplu un octet, fără operații intermediare: nu se calculează restul împărțirii și nicio nuanță nu este favorizată de vreun pas de conversie. Acest lucru face ca toate cele 16.777.216 de culori pe care le poate produce pagina să fie strict echiprobabile, de fiecare dată când apeși pe butonul „Generează”. Un interval restrâns în secțiunea „Opțiuni avansate” păstrează această regulă în cadrul selecției: culorile sunt extrase în continuare din întregul spațiu, iar cele care cad în afara intervalului sunt eliminate, fiecare culoare permisă având exact aceeași șansă. Nimic nu este trimis către vreun server, nimic nu este înregistrat în jurnale, iar odată ce pagina s-a încărcat, continuă să funcționeze chiar și fără conexiune la internet.
Cele trei formate descriu aceeași culoare în trei moduri diferite. Formatul „Cod HEX” este reprezentarea din șase caractere utilizată în CSS și în majoritatea programelor de design, precum #0778ff; este scris cu litere mici și cu simbolul # în față, iar opțiunile „Majuscule” și „Fără #” din secțiunea „Opțiuni avansate” modifică aceste detalii pentru instrumentele care cer alt format. Formatul „Cod RGB” indică explicit valorile celor trei canale, precum rgb(7, 120, 255), fiind potrivit pentru codul care prelucrează fiecare canal separat. Formatul „Cod HSL” descrie culoarea prin nuanță, saturație și luminozitate, ca în hsl(213, 100%, 51%), fiind cea mai comodă formă pentru ajustări manuale ulterioare. Toate trei pot fi inserate direct într-o foaie de stil. Totuși, precizia lor diferă. HEX și RGB sunt exacte; HSL este rotunjit. Pagina exprimă nuanța, saturația și luminozitatea ca numere întregi, iar pentru aproximativ 89% dintre culori această valoare rotunjită nu se reconvertește în exact aceeași culoare: #646503 este afișat ca hsl(61, 94%, 20%), care se convertește înapoi în #616303. Diferența nu depășește niciodată 5 trepte pe un canal și este de obicei de 1 sau 2 — insesizabilă pe ecran, dar reală dacă stochezi valoarea HSL și te aștepți să recuperezi codul HEX inițial. Salvează valoarea în HEX sau RGB.
O singură culoare este afișată ca o mostră individuală în mijlocul zonei de rezultate; mai multe culori apar ca o listă numerotată, câte o culoare pe fiecare rând, cu formatele alese așezate alăturat și o mică insignă de contrast la final. O listă cu mai mult de trei culori derulează în interiorul casetei, iar săgeata din colț o extinde la înălțimea completă; pagina reține starea în care ai lăsat-o. Apasă pe orice cod pentru a-l copia individual. Butonul de copiere de la capătul fiecărui rând copiază toate codurile acelei culori pe o singură linie, separate prin spații. Dacă apeși pe eșantionul de culoare, se deschide selectorul nativ de culori al browserului: dacă alegi acolo o altă culoare, fiecare cod de pe acel rând este rescris pentru a corespunde noii culori, în fiecare format activat, împreună cu insigna sa de contrast. Butonul „Copiază tot” copiază întreaga serie, câte o culoare pe rând, iar „Salvează în fișier” scrie același text într-un fișier simplu .txt; ambele preiau modificările făcute din selector. Secțiunea „Istoric” păstrează ultimele 10 serii în acest browser, exact așa cum au fost generate, iar butonul „Șterge” golește rezultatele. Preferințele tale, inclusiv cele din „Opțiuni avansate”, sunt memorate pentru vizita următoare.
Culorile strict echiprobabile nu par distribuite uniform, iar dacă știi la ce să te aștepți, eviți să apeși pe „Generează” din motive greșite. Măsurat pe întregul spațiu, aproximativ 35% dintre culori sunt strălucitoare și saturate, având o saturație HSL de cel puțin 70% și o luminozitate între 35% și 65%. Tonurile apropiate de gri, cu saturație sub 20%, reprezintă doar aproximativ 4%, iar culorile foarte întunecate (luminozitate sub 20%) și cele foarte deschise (peste 80%) reprezintă fiecare aproximativ 3%. Așadar, o serie de zece culori din opțiunea „Toate culorile” va include de obicei câteva culori intense și rareori un pastel sau o nuanță de gri antracit. Când ai nevoie de un anumit profil, selectează-l în meniul „Tip de culoare”: opțiunea „Viu” păstrează exact grupul intens și saturat, iar variantele „Pastel”, „Întunecat”, „Estompat” și „Scară de gri” procedează la fel pentru categoriile lor. Modul „Personalizat” îți permite să configurezi propriile intervale pentru „Nuanță”, „Saturație” și „Luminozitate”, iar intervalul pentru nuanță poate trece peste valoarea 0, astfel încât de la 330 la 30 produce nuanțe de roșu. Intervalul este verificat în raport cu codul HSL afișat, astfel încât niciun cod să nu cadă în afara lui, iar dacă intervalul conține prea puține culori pentru valoarea din „Număr”, pagina îți cere să îl extinzi în loc să repete culorile. Dublurile sunt posibile, dar rare: bifează opțiunea „Fără duplicate” pentru a le exclude, iar fără ea, probabilitatea ca două din 50 de culori din spațiul complet să coincidă este de aproximativ 1 la 13.700.
O culoare aleatorie este folosită adesea ca fundal, ceea ce ridică o întrebare la care un simplu eșantion nu poate răspunde vizual: va fi textul lizibil pe ea? Ghidul de accesibilitate web WCAG cere un raport de contrast de cel puțin 4,5:1 pentru textul obișnuit. Măsurat pe toate culorile generate de această pagină, textul negru atinge acest prag pe aproximativ 65% dintre ele, iar textul alb pe aproximativ 36%, și nu există nicio culoare pe care ambele variante să eșueze: opțiunea mai avantajoasă atinge întotdeauna cel puțin 4,58:1. Prin urmare, pe orice fundal aleatoriu, fie textul negru, fie cel alb va fi lizibil, iar pagina îți arată care anume. Fiecare culoare este însoțită de o mică insignă ce afișează simbolul Aa în varianta optimă, urmat de raportul de contrast calculat. Raportul este rotunjit prin lipsă, astfel încât nu supraestimează niciodată performanța culorii, și se actualizează când schimbi culoarea din selector. Insigna evaluează exclusiv textul alb și negru; pentru o culoare de brand sau orice altă culoare de text, verifică perechea într-un instrument de verificare a contrastului.
Aleatoriu nu este același lucru cu armonios. Fiecare culoare dintr-o serie este extrasă individual, fără nicio legătură cu celelalte, astfel încât generatorul nu construiește o paletă în sensul folosit în design — fără perechi complementare, fără secvențe analoage și fără luminozitate comună. Un interval mai restrâns modifică specificul seriei, dar nu și această regulă: culorile pastelate sau o serie de tonuri albastre sosesc în continuare una câte una, fără nimic care să le lege. Acesta este chiar rolul instrumentului: îți oferă acea culoare pe care nu ai fi ales-o din reflex, ajutându-te să depășești un blocaj creativ. Pentru a transforma o descoperire aleatorie într-o soluție practică, păstrează culoarea care îți place și derivă restul din ea, în loc să apeși repetat pe „Generează” sperând că un set întreg se va potrivi întâmplător. Păstrează nuanța și modifică treptat luminozitatea pentru variante mai deschise ori mai întunecate, sau rotește nuanța cu 180 de grade pentru a obține culoarea opusă. Formatul „Cod HSL” transformă aceste ajustări într-un calcul aritmetic simplu, eliminând presupunerile.
De ce să alegi acest generator de culori aleatorii?
- Fiecare culoare este creată în browser prin Web Crypto API, fără a trimite nimic pe servere
- Toate cele 16.777.216 de culori sunt strict echiprobabile, câte un octet aleatoriu pentru fiecare canal
- Coduri HEX, RGB și HSL pentru aceeași culoare, în orice combinație dorită
- Până la 50 de culori odată, fiecare pe un eșantion cu insignă pentru contrastul textului
- Viu, Pastel, Întunecat, Estompat și Scară de gri, sau propriul interval pentru nuanță, saturație și luminozitate
- Fără duplicate când este necesar, iar codul HEX cu Majuscule sau Fără #
- Apasă pe orice cod pentru a-l copia, sau schimbă orice culoare în selectorul nativ al browserului
- Copiază tot, Salvează în fișier și un Istoric cu ultimele 10 serii, păstrat doar în browser
- Gratuit și nelimitat: fără înregistrare, fără cote și fără stocare pe serverele noastre
Culorile aleatorii sunt utile oriunde este nevoie de o culoare înainte de a se lua o decizie finală. Designerii le folosesc pentru a depăși blocajele creative și pentru a găsi un punct de plecare la care paleta lor obișnuită nu ar fi ajuns. Dezvoltatorii completează machete, elemente de substituție și avatare, atribuie fiecărei serii dintr-un grafic o culoare proprie cât timp tema vizuală este încă nedecisă și testează modul în care o interfață reacționează la fundaluri pentru care nu a fost concepută — o serie de 50 de culori din opțiunea „Toate culorile” include aproape întotdeauna cel puțin o culoare foarte întunecată sau foarte deschisă, iar opțiunile „Întunecat” ori „Pastel” orientează testul către o extremă anume. Artiștii generativi și creatorii de prototipuri de jocuri transferă valorile direct în cod, formatul RGB potrivindu-se majorității bibliotecilor grafice. Profesorii așază cele trei formate alăturat pentru a demonstra că o culoare poate fi exprimată ca un cod, ca trei canale sau ca o poziție pe cercul cromatic, arătând de ce versiunea HSL este rotunjită. Iar oricine etichetează, organizează sau codifică vizual o listă obține culori distincte fără să stea la îndoială ce să aleagă.
Există câteva limite obiective care merită cunoscute. Acesta este un generator, nu un instrument de compunere a paletelor: nu creează armonii cromatice și nu permite blocarea unei culori în timp ce restul se schimbă, iar un interval restrâns generează culori de același tip, nu culori alese pentru a se potrivi între ele. Insigna de contrast evaluează exclusiv textul alb și negru. Pagina funcționează în spațiul de culoare sRGB specific ecranelor — HEX, RGB și HSL —, fără transparență și fără suport pentru CMYK, Pantone, OKLCH sau culori CSS denumite; pentru tipar, alege culoarea în pregătirea pentru tipar în loc să te bazezi pe un cod destinat ecranului. De asemenea, același cod poate arăta ușor diferit de la un ecran la altul, deoarece monitoarele nu sunt calibrate identic. Valorile HSL sunt rotunjite, așa cum s-a explicat mai sus, iar dacă opțiunea „Fără duplicate” nu este bifată, seria nu este verificată pentru repetări. Ceea ce garantează pagina cu precizie este următorul aspect: fiecare dintre cele 16.777.216 de culori, sau fiecare culoare din intervalul configurat de tine, are aceeași șansă la fiecare apăsare, fiind extrasă din sursa criptografică a browserului și fără a fi trimisă vreodată în altă parte.