Generatore di colori casuali

Ottieni un colore casuale o un’intera palette, con i codici pronti da copiare.

Che cos’è un generatore di colori casuali?

Un generatore di colori casuali crea colori a caso e mostra i loro codici, così puoi usarli subito. È una rapida fonte di ispirazione quando progetti un sito web, un logo, una presentazione, una stanza o un’opera d’arte e non sai da dove cominciare. Genera un colore o un’intera palette, tieni quelli che ti piacciono e genera di nuovo.

Come si usa

  1. Colori: scegli un solo colore, una palette di 5 colori o 10 colori.
  2. Stile: scegli che tipo di colori vuoi (vedi sotto).
  3. Premi Genera. Ogni campione mostra i suoi codici HEX, RGB e HSL.
  4. Premi Copia sotto un campione per copiarne il codice HEX, pronto da incollare in CSS, Figma, Canva, PowerPoint o qualsiasi app di grafica.

Schermo intero: premi Schermo intero in alto nello strumento per mostrare in grande la palette, utile per presentare idee di colore a chi ti ha commissionato il lavoro o a una classe. Premi Esc per tornare indietro. Con 🎨 Colori ed effetti puoi impostare i colori dello sfondo e dei pulsanti.

I quattro stili

  • Armonioso: tonalità casuale con saturazione medio-alta e luminosità media. Questi colori di solito sono belli e stanno bene insieme. È il punto di partenza migliore.
  • Pastello: colori tenui e chiari, adatti a sfondi, grafiche per neonati e matrimoni e interfacce rilassanti.
  • Scuro: toni profondi e smorzati, utili per sfondi in modalità scura, intestazioni e grafiche d’atmosfera.
  • Qualsiasi colore: sceglie uno dei 16.777.216 colori RGB con la stessa probabilità. È davvero casuale, quindi potresti ottenere molti marroni, grigi e toni spenti, ma anche qualche colore sorprendente.

HEX, RGB e HSL spiegati

  • HEX (per esempio #4F46E5) è il modo più comune di scrivere un colore sul web. Le tre coppie di caratteri sono le quantità di rosso, verde e blu, ciascuna da 00 a FF.
  • RGB (per esempio rgb(79, 70, 229)) indica le stesse quantità di rosso, verde e blu con numeri da 0 a 255.
  • HSL (per esempio hsl(243, 75%, 59%)) descrive un colore nel modo in cui ci pensano le persone: tonalità (la sua posizione sulla ruota dei colori, 0–360°), saturazione (quanto è vivace) e luminosità (quanto è chiaro o scuro). È il formato più semplice per regolare un colore a mano, per esempio per crearne una versione più chiara per un effetto al passaggio del mouse.

Quando usare i colori casuali

  • Design web e app: trova un colore di accento o una palette di partenza, poi perfezionala.
  • Arte e illustrazione: mettiti alla prova dipingendo o disegnando solo con la palette generata.
  • Marchi e presentazioni: esplora rapidamente le direzioni di colore prima di decidere i colori del marchio.
  • Giochi e classi: assegna colori casuali alle squadre, oppure gioca a «come si chiama questo colore?».
  • Casa e fai da te: trova idee per lavori a maglia, patchwork o abbinamenti di colori per le stanze.

Consigli per usare una palette

  • Nel design si usa spesso la regola 60-30-10: un colore principale per circa il 60% del progetto, un secondo per il 30% e un colore di accento per il restante 10%.
  • Controlla sempre il contrasto del testo. Il testo scuro sui colori pastello e quello bianco sui colori scuri di solito si leggono bene.
  • Copia i colori che ti piacciono prima di premere di nuovo Genera, perché una nuova palette li sostituisce tutti.

Ti serve invece una lettera o un numero casuale? Prova il generatore di lettere casuali o il generatore di numeri casuali.

Domande frequenti

In quali formati ottengo i colori?

Ogni colore viene mostrato come codice HEX (per esempio #4F46E5), valore RGB e valore HSL, tutti pronti da copiare in CSS, Figma o qualsiasi strumento di grafica.

Che differenza c’è tra «Armonioso» e «Qualsiasi colore»?

«Qualsiasi colore» sceglie ognuno dei 16,7 milioni di colori RGB con la stessa probabilità, il che spesso dà toni spenti. «Armonioso» tiene saturazione e luminosità in un intervallo che di solito sta bene insieme.

Posso tenere un colore che mi piace?

Premi il pulsante Copia del colore per copiarne il codice HEX. Generare una nuova palette sostituisce tutti i colori, quindi copia prima quelli che vuoi.

Posso mostrare la palette a schermo intero?

Sì. Premi «Schermo intero» in alto nello strumento e i campioni di colore riempiono lo schermo, comodo per presentare le idee. Premi Esc o «Esci da schermo intero» per tornare indietro.