Generatore di colori casuali

Come usare il generatore di colori casuali

1. Imposta il Numero di colori (da 1 a 20).
2. Scegli una Modalità: - Casuale in un intervallo estrae ogni colore in modo indipendente. Restringi gli intervalli di Tonalità (°), Saturazione (%) e Luminosità (%) con i campi “da” e “a” per restare in una famiglia di colori, per esempio solo pastelli o solo blu. - Palette armoniosa (OKLCH) estrae un colore di base casuale e costruisce gli altri secondo un’armonia cromatica. Scegli un’Armonia (Complementare, Analoga, Triadica, Complementare divisa, Tetradica, Quadrato, Monocromatica) oppure lascia Sorprendimi per avere un’armonia diversa ogni volta.
3. Clicca su Genera colori. Ogni scheda mostra il colore con i suoi codici HEX, RGB e HSL; i piccoli pulsanti HEX, RGB e HSL copiano il codice corrispondente.
4. Clicca su Blocca sui colori che vuoi tenere, poi di nuovo su Genera colori: cambiano solo i colori non bloccati. Clicca di nuovo sul pulsante per sbloccare un colore.
5. Scegli un formato in Esporta come (Elenco HEX, Variabili CSS, Variabili SCSS, Array JSON o Colori Tailwind) e usa Copia o Scarica per portare con te l’intero set.

Come vengono scelti i colori

In modalità Casuale in un intervallo, tonalità, saturazione e luminosità vengono estratte ciascuna in modo uniforme negli intervalli che imposti, poi convertite da HSL a RGB con la stessa formula che i browser usano per hsl(). L’intervallo di tonalità può passare attraverso il rosso: da 330 a 30 dà rosa, rossi e arancioni, passando per 0°. Alcune impostazioni utili:

• Pastelli: saturazione 40–80%, luminosità 75–90%.
• Toni scuri e smorzati: saturazione 10–40%, luminosità 15–35%.
• Solo blu: tonalità 190–250.
• Colori caldi: tonalità da 330 a 60.

In modalità Palette armoniosa (OKLCH) lo strumento lavora in OKLCH, un modello di colore percettivo in cui passi uguali di luminosità appaiono uguali all’occhio. Il primo colore bloccato viene usato come base; se nessun colore è bloccato, viene estratta una base casuale di luminosità media e abbastanza satura. Gli altri colori prendono gli angoli di tonalità dell’armonia (per esempio +120° e +240° per la triadica), con una piccola variazione casuale di tonalità, luminosità e croma, così ogni clic dà un risultato nuovo. Se chiedi più colori di quante tonalità abbia l’armonia, i colori in più riusano gli angoli con varianti più chiare e più scure. La monocromatica mantiene una sola tonalità e distribuisce la luminosità dallo scuro al chiaro.

I colori che escono da ciò che uno schermo sRGB può mostrare vengono riportati nella gamma abbassandone il croma, quindi ogni codice HEX che copi è un colore reale e visualizzabile.

Quando servono i colori casuali

I colori casuali sono comodi per avatar e grafici segnaposto, dati di prova, arte generativa, per esplorare idee di design quando sei bloccato davanti a una pagina bianca, o per scegliere il colore di un progetto, di una squadra o di un’etichetta. Il blocco ti permette di usarlo come una slot machine: tieni ciò che funziona e rigira il resto. La casualità viene dal generatore crittografico del browser, e nulla viene inviato altrove.