Generatore di colori casuali
Colori e codici casuali per design e codice.
Clicca su un codice per copiarlo. Clicca sul lucchetto per mantenere un colore quando generi di nuovo.
- Codici HEX, RGB o HSL
- Palette pastello e scure
- Blocca i colori, rigenera il resto
Come generare colori casuali
- Imposta quanti colori e scegli un formato di codice.
- Scegli una palette casuale, pastello o scura.
- Clicca su un campione per copiarne il codice, oppure bloccalo prima di generarne altri.
HEX, RGB e HSL a confronto
Tutti e tre i formati descrivono esattamente lo stesso colore. Quale ti serve dipende da dove lo stai incollando.
| Formato | Ha questo aspetto | Ideale per |
|---|---|---|
| HEX | #3B82F6 | CSS, strumenti di design, condivisione rapida |
| RGB | rgb(59, 130, 246) | CSS, codice che mescola o sfuma i colori |
| HSL | hsl(217, 91%, 60%) | Regolare un colore a mano: prima la tonalità, poi quanto acceso, poi quanto chiaro |
HSL di solito è il più facile da modificare da soli, perché spostare il valore di luminosità verso il chiaro o lo scuro mantiene la stessa tonalità, cosa che HEX e RGB rendono più difficile da fare a occhio.
Casuale, pastello e scura, in numeri
Ogni modalità sceglie da una fetta diversa della ruota dei colori invece di limitarsi a cambiare la tonalità.
| Modalità | Intervallo di saturazione | Intervallo di luminosità |
|---|---|---|
| Casuale | dal 40 al 100% | dal 25 al 75% |
| Pastello | dal 35 al 60% | dal 75 all'88% |
| Scura | dal 35 al 70% | dal 12 al 28% |
La tonalità viene sempre scelta dall'intero intervallo da 0 a 359 in ogni modalità, così pastello e scura coprono comunque ogni famiglia di colori, solo più chiara o più scura.
A cosa servono i colori casuali
- Ispirazione rapida per il design quando sei bloccato nella scelta di un colore per un brand o un tema.
- Colori segnaposto per wireframe, grafici e mockup di interfacce prima di scegliere una palette vera.
- Generare sfondi per avatar, tag o colori di categoria in un'app.
- Progetti artistici e creativi, come uno spunto di colore casuale per uno schizzo quotidiano.
Domande su Generatore di colori casuali
Qual è la differenza tra le palette?
Casuale copre l'intera ruota dei colori. Pastello mantiene luminosità e saturazione tenui per sfondi delicati. Scura mantiene i colori bassi di luminosità per temi scuri e testo di contrasto.
Come mantengo un colore che mi piace?
Clicca sull'icona del lucchetto su un campione. I campioni bloccati mantengono il loro colore la volta successiva che generi, così puoi rigenerare solo il resto.
Qual è la differenza tra HEX, RGB e HSL?
HEX e RGB descrivono un colore in base alle sue quantità di rosso, verde e blu. HSL lo descrive tramite tonalità, saturazione e luminosità, spesso più facile da regolare a mano.
Come copio un codice colore?
Clicca sul testo del codice sotto qualsiasi campione e viene copiato subito negli appunti.
Quali intervalli usano davvero le palette?
Casuale sceglie qualsiasi tonalità con saturazione dal 40 al 100 percento e luminosità dal 25 al 75 percento. Pastello restringe la luminosità dal 75 all'88 percento. Scura restringe la luminosità dal 12 al 28 percento, con saturazione dal 35 al 70 percento così i colori restano intensi invece che spenti.
Due colori casuali staranno bene insieme?
A volte. Questo strumento sceglie i colori in modo indipendente per varietà e ispirazione, non costruisce una palette abbinata. Per colori garantiti a funzionare insieme, generane diversi, blocca quelli che ti piacciono, e rigenera il resto finché l'insieme non ti convince.
Posso generare un solo colore invece di un insieme?
Sì, imposta il numero a 1 e clicca su Genera per un singolo colore casuale nel formato che hai scelto.
Dove posso usare un codice HEX o RGB una volta ottenuto?
Incolla un codice HEX direttamente in CSS, Figma, Photoshop o quasi qualsiasi strumento di design. I valori RGB e HSL funzionano allo stesso modo nelle funzioni CSS come rgb() e hsl().