Generator de culori aleatorii

Cum folosești generatorul de culori aleatorii

1. Setează Număr de culori (de la 1 la 20).
2. Alege un Mod: - Aleatoriu într-un interval extrage fiecare culoare independent. Restrânge intervalele Nuanță (°), Saturație (%) și Luminozitate (%) cu câmpurile „de la” și „până la”, ca să rămâi într-o familie de culori, de exemplu doar pastelate sau doar albastre. - Paletă armonioasă (OKLCH) extrage o culoare de bază aleatorie și construiește celelalte culori pornind de la o armonie cromatică. Alege o Armonie (Complementară, Analogă, Triadică, Complementară divizată, Tetradică, Pătrat, Monocromatică) sau lasă Surprinde-mă ca să primești o armonie diferită de fiecare dată.
3. Apasă Generează culori. Fiecare card arată culoarea cu codurile ei HEX, RGB și HSL; butoanele mici HEX, RGB și HSL copiază codul corespunzător.
4. Apasă Blochează la culorile pe care vrei să le păstrezi, apoi Generează culori din nou: se schimbă doar culorile deblocate. Apasă din nou butonul ca să deblochezi o culoare.
5. Alege un format la Exportă ca (Listă HEX, Variabile CSS, Variabile SCSS, Listă JSON sau Culori Tailwind) și folosește Copiază sau Descarcă ca să iei întregul set cu tine.

Cum sunt alese culorile

În modul Aleatoriu într-un interval, nuanța, saturația și luminozitatea sunt extrase uniform în intervalele pe care le setezi, apoi convertite din HSL în RGB cu aceeași formulă pe care o folosesc browserele pentru hsl(). Intervalul de nuanțe poate trece peste roșu: de la 330 la 30 dă roz, roșu și portocaliu, trecând prin 0°. Câteva setări utile:

• Pastelate: saturație 40–80%, luminozitate 75–90%.
• Tonuri închise, estompate: saturație 10–40%, luminozitate 15–35%.
• Doar albastre: nuanță 190–250.
• Culori calde: nuanță de la 330 la 60.

În modul Paletă armonioasă (OKLCH), instrumentul lucrează în OKLCH, un model de culoare perceptual, în care pași egali de luminozitate par egali pentru ochi. Prima culoare blocată este folosită ca bază; dacă nu este blocat nimic, se extrage o bază aleatorie, de luminozitate medie spre deschisă și destul de saturată. Celelalte culori preiau unghiurile de nuanță ale armoniei (de exemplu +120° și +240° pentru triadică), cu o mică variație aleatorie a nuanței, a luminozității și a cromaticității, astfel încât fiecare apăsare dă un rezultat nou. Când ceri mai multe culori decât are armonia nuanțe, culorile suplimentare refolosesc unghiurile, cu variante mai deschise și mai închise. Monocromatică păstrează o singură nuanță și răspândește luminozitatea de la închis la deschis.

Culorile care ies din ce poate afișa un ecran sRGB sunt aduse înapoi prin reducerea cromaticității, deci fiecare cod HEX pe care îl copiezi este o culoare reală, care poate fi afișată.

Unde ajută culorile aleatorii

Culorile aleatorii sunt utile pentru avatare și grafice de test, date de probă, artă generativă, explorare în design când ești blocat în fața unei pagini goale sau alegerea unei culori pentru un proiect, o echipă de joc sau o etichetă. Blocarea îți permite să-l folosești ca pe un aparat de jocuri: păstrezi ce merge, rotești restul. Caracterul aleatoriu vine de la generatorul criptografic al browserului tău, iar nimic nu este trimis nicăieri.