Generatore di Colori Casuali
Genera un colore casuale dallo spazio RGB a 24 bit e visualizzalo come un grande campione con ogni rappresentazione comune accanto: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL e persino il fallback del colore CSS con nome quando uno corrisponde. Clicca sul campione per generare di nuovo.
Come generare un colore casuale
-
1
Clicca su genera
Tre byte casuali (0-255) diventano i canali R, G e B.
-
2
Leggi ogni formato
Hex, RGB, HSL e HSV sono tutti visualizzati; copia quello che utilizza il tuo foglio di stile.
-
3
Blocca se ti piace
Se il risultato è vicino a quello che desideri, attiva "blocca tonalità" per mantenere la tonalità e rigenerare solo la luminosità e la saturazione.
Lo spazio colore
Il generatore attinge da RGB a 24 bit, offrendo 16.777.216 colori possibili. Questo è lo stesso gamut che il tuo monitor può visualizzare, anche se alcuni di quei valori si trovano negli angoli più scuri o desaturati che sono difficili da distinguere.
Come ogni formato rappresenta lo stesso colore
| Formato | Sintassi | Byte per canale |
|---|---|---|
| Hex | #RRGGBB |
8 bit |
| RGB | rgb(R, G, B) |
8 bit |
| HSL | hsl(H, S%, L%) |
Derivato |
| HSV | hsv(H, S%, V%) |
Derivato |
| OKLCH | oklch(L C h) |
Uniforme percettivamente |
Perché il casuale puro può sembrare torbido
Il RGB casuale uniforme tende a generare colori scuri e desaturati più spesso di quelli vividi e luminosi. Se hai bisogno di risultati più vivaci, rigenera utilizzando HSL con saturazione bloccata sopra il 60% e luminosità tra il 45% e il 65% — otterrai colori da copertina di riviste invece di fango.
Accessibilità
Abbina qualsiasi colore generato con testo bianco o nero e controlla il rapporto di contrasto WCAG prima di usarlo come sfondo per un pulsante. Per il testo del corpo, il minimo è 4.5:1; per il testo grande è 3:1.
Domande frequenti
Perché la maggior parte dello spazio RGB si trova nel mezzo scuro e desaturato. Solo un sottile strato vicino ai bordi contiene colori vividi. Genera in HSL o OKLCH con saturazione limitata per risultati vivaci.
Usa la modalità con tonalità bloccata (se disponibile): scegli una tonalità in gradi e lo strumento rigenera solo saturazione e luminosità. Utile per esplorare tonalità di un colore del marchio.
Nessuna modalità seme al momento — ogni clic è un’estrazione indipendente dal RNG crittografico. Copia il codice hex per preservare un colore.
All’incirca. I codici hex sono relativi al dispositivo; un display sRGB calibrato li mostra accuratamente, un laptop economico li sposta verso il blu. Per la stampa, converti in CMYK prima di fidarti dell’aspetto.
Strumenti correlati
Generatore di Palette di Colori Casuali
Genera palette di cinque colori basate su una tonalità di base casuale, con varianti complementari, analoghe e triadiche.
Generatore di Palette di Colori
Genera una palette armoniosa di 4-8 colori da un colore di base utilizzando schemi complementari, analoghi, triadici e split-complement.
Generatore di Lettere Casuali
Genera lettere casuali dall'alfabeto inglese. Scegli il maiuscolo, includi duplicati o estrazioni uniche e imposta quanti.
Selettore Colore HEX
Scegli qualsiasi colore visivamente e ottieni i suoi valori HEX, RGB, HSL, HSV e CMYK, oltre al contrasto di accessibilità contro il bianco e il nero.
Formatter JSON
Formatta e stampa in modo elegante JSON con indentazione regolabile, chiavi ordinate e validazione in linea che evidenzia gli errori nella posizione esatta.
Generatore di Nomi Casuali
Genera nomi plausibili in lingua inglese da elenchi popolari di nomi e cognomi. Scegli genere, quantità e formato.