Generador de colors aleatoris

Com utilitzar el generador de colors aleatoris

1. Defineix el Nombre de colors (d‘1 a 20).
2. Tria un Mode: - Aleatori dins d’un interval tria cada color de manera independent. Redueix els intervals de To (°), Saturació (%) i Lluminositat (%) amb els camps «de» i «a» per quedar-te dins d’una família de colors, per exemple només pastels o només blaus. - Paleta harmoniosa (OKLCH) tria un color base a l’atzar i construeix els altres a partir d’una harmonia de colors. Tria una Harmonia (Complementària, Anàloga, Triàdica, Complementària dividida, Tetràdica, Quadrada, Monocromàtica) o deixa Sorprèn-me perquè cada vegada surti una harmonia diferent.
3. Fes clic a Genera colors. Cada targeta mostra el color amb els seus codis HEX, RGB i HSL; els petits botons HEX, RGB i HSL copien el codi corresponent.
4. Fes clic a Bloqueja en els colors que vulguis conservar i després torna a fer clic a Genera colors: només canvien els colors desbloquejats. Torna a fer clic al botó per desbloquejar un color.
5. Tria un format a Exporta com a (llista HEX, variables CSS, variables SCSS, matriu JSON o colors de Tailwind) i utilitza Copia o Baixa per emportar-te tot el conjunt.

Com es trien els colors

En el mode Aleatori dins d’un interval, el to, la saturació i la lluminositat es trien cadascun de manera uniforme dins dels intervals que has definit, i després es converteixen d’HSL a RGB amb la mateixa fórmula que utilitzen els navegadors per a hsl(). L’interval del to pot passar per sobre del vermell: de 330 a 30 dona rosats, vermells i taronges, passant pel 0°. Alguns paràmetres útils:

• Pastels: saturació 40–80 %, lluminositat 75–90 %.
• Tons foscos i apagats: saturació 10–40 %, lluminositat 15–35 %.
• Només blaus: to 190–250.
• Colors càlids: to de 330 a 60.

En el mode Paleta harmoniosa (OKLCH), l’eina treballa en OKLCH, un model de color perceptiu en què passos iguals de lluminositat semblen iguals a l’ull. El primer color bloquejat s’utilitza com a base; si no n’hi ha cap de bloquejat, es tria una base aleatòria de lluminositat mitjana-alta i força saturada. Els altres colors prenen els angles de to de l’harmonia (per exemple +120° i +240° per a la triàdica), amb una petita variació aleatòria de to, lluminositat i croma perquè cada clic doni un resultat nou. Quan demanes més colors dels tons que té l’harmonia, els colors addicionals reutilitzen els angles amb variants més clares i més fosques. La monocromàtica manté un sol to i reparteix la lluminositat de fosc a clar.

Els colors que queden fora del que pot mostrar una pantalla sRGB es recuperen reduint-ne el croma, de manera que cada codi HEX que copies és un color real que es pot mostrar.

On ajuden els colors aleatoris

Els colors aleatoris són útils per a avatars i gràfics provisionals, dades de prova, art generatiu, exploració de disseny quan et trobes davant d’una pàgina en blanc, o per triar un color per a un projecte, un equip d’un joc o una etiqueta. El bloqueig et permet fer-lo servir com una màquina escurabutxaques: conserva el que funciona i fes girar la resta. L’aleatorietat prové del generador criptogràfic del navegador, i no s’envia res enlloc.