IT

Generatore di colore casuale

Un colore casuale con un clic o, se vuoi, un’intera palette: del tutto casuale, pastello, vivace, scuro, sfumature di un unico tono o armonia cromatica. Ogni colore include HEX, RGB, HSL e il colore del testo leggibile con il valore di contrasto.

Fonte: W3C Recommendation, W3C Web Cryptography API – getRandomValues(). Aggiornato al: .

I miei strumentiI dati inseriti vengono salvati solo in questo browser.

    Clicca su un colore per copiarne il valore.

    Risultato

    I tuoi colori
    Da copiare
      Selezione
      –

      Come si calcola

      Come funziona il generatore di colore casuale

      1. Scegli numero e tipo, per esempio sei colori in modalità «Pastello». «Del tutto casuale» ammette tutti i 16.777.216 colori dello spazio sRGB.
      2. Premi «Nuovi colori». Anche ogni modifica delle impostazioni genera nuovi colori.
      3. Un clic su un colore ne copia il valore; «Copia elenco» porta con sé tutti i colori in HEX, RGB o HSL, utile per CSS, Figma o illustrazioni.

      Come si calcola

      Nella modalità «Del tutto casuale» ciascuno dei tre canali di colore viene estratto in modo uniforme tra 0 e 255. Le altre modalità estraggono tonalità, saturazione e luminosità (HSL) da intervalli fissi: pastello con luminosità alta, vivaci con saturazione alta, scuri con luminosità bassa. «Un solo tono» prende una tonalità e scala la luminosità dal 20 al 90 %. Per le armonie decide la distanza sul cerchio cromatico: 180° complementare, ±30° analoga, 120° triade, 90° tetrade.

      La colonna «Miglior colore del testo» indica se sul colore si legge meglio il nero o il bianco, con il rapporto di contrasto secondo le WCAG 2.2. Da 4,5 : 1 in su il testo normale è considerato leggibile.

      A cosa servono i colori casuali

      Limiti

      I colori casuali non sostituiscono un progetto cromatico: una palette «si abbina» solo nella modalità armonia, secondo le regole della teoria del colore. Come appare un colore sullo schermo o in stampa dipende dal dispositivo. Non viene caricato nulla.

      Domande frequenti

      Come genero un colore casuale?

      Premi «Nuovi colori». Con numero 1 ottieni un solo colore, con un numero maggiore una palette. Un clic sul colore ne copia il valore.

      Quanti colori sono possibili?

      Nella modalità «Del tutto casuale» ci sono 256 × 256 × 256 = 16.777.216 colori nello spazio sRGB. Pastello, vivaci e scuri limitano saturazione e luminosità.

      Come ottengo colori abbinati?

      Scegli «Armonia» e imposta un’armonia. Complementare, analoga, triade e tetrade calcolano le tonalità da un colore di base casuale, a distanze fisse sul cerchio cromatico.

      Cosa significa il colore del testo nella tabella?

      Indica se sul colore si legge meglio il nero o il bianco, con il rapporto di contrasto secondo le WCAG 2.2. Da 4,5 : 1 in su il testo normale è abbastanza leggibile.

      Come uso i colori in CSS?

      Scegli HEX, RGB o HSL in «Copia come» e premi «Copia elenco». I valori si incollano direttamente in color, background o variabili CSS.

      I colori sono davvero casuali?

      Sì. I numeri casuali provengono dal generatore del tuo browser (Web Crypto), non da Math.random.

      Fonti e riferimenti normativi

      Aggiornato al: · Principi editoriali

      Strumenti correlati