Genera codici colore esadecimali casuali per web design, grafica, UI/UX e sviluppo. Scegli tra diverse palette: colori vivaci, pastello, scuri, chiari, caldi, freddi o completamente casuali. Ogni colore include codice HEX e RGB.
Un codice come #3A7BD5 o #F2C744 nasce qui con un clic: sei cifre esadecimali che descrivono una tinta precisa tra oltre sedici milioni possibili. Questo generatore serve a chi progetta interfacce, illustra, costruisce temi CSS o cerca semplicemente uno spunto cromatico davanti al foglio bianco. Ogni colore viene estratto in modo davvero casuale, non pescato da una lista preconfezionata, così le combinazioni che ottieni sono inedite e già pronte da incollare in Figma, VS Code o Photoshop.
Un colore esadecimale è composto da tre coppie di cifre che rappresentano le componenti rosso, verde e blu, ciascuna con un valore da 00 a FF (cioè da 0 a 255 in decimale). Lo strumento sorteggia tre numeri interi in quell'intervallo e li converte in base 16, restituendo la stringa completa preceduta dal cancelletto, per esempio #1E90AC.
L'estrazione punta a una distribuzione uniforme sull'intero spazio RGB: nessuna tinta è privilegiata e non compaiono pattern ricorrenti che l'occhio finirebbe per notare dopo qualche generazione. In pratica un verde acido, un grigio spento e un fucsia acceso hanno tutti la stessa probabilità di uscire.
Oltre al singolo colore puoi ottenere una palette di più tinte in un colpo solo e varianti utili come il complementare, calcolato ruotando la tonalità di 180 gradi sulla ruota cromatica. Ogni codice si copia con un clic ed è già nel formato che CSS, i preprocessori e i software di grafica accettano senza conversioni.
Fissi un colore di marca e generi tinte casuali finché non spunta un accento che gli sta bene, come un #E8543F acceso su una base neutra.
Incolli i codici direttamente in :root, per esempio --primary: #2D6CDF, senza dover aprire un color picker esterno.
Quando l'ispirazione manca, un colore inaspettato come #7BB661 può suggerire la direzione di un'intera illustrazione o locandina.
Assegni una tinta distinta a ogni serie di un grafico a barre, evitando che due categorie finiscano con due blu quasi identici.
Riempi mockup, avatar o sfondi di prova con un colore diverso a ogni ricarica, comodo per collaudare il contrasto dei componenti.
Assegni un colore casuale a un personaggio, a una squadra o a un livello per distinguerli al volo durante lo sviluppo.
La notazione a sei cifre non è arbitraria: ogni coppia esadecimale rappresenta esattamente un byte, cioè i 256 livelli che una componente può assumere in un canale a 8 bit. Con tre canali si arriva a 256 alla terza, ovvero 16.777.216 combinazioni, il Truecolor a 24 bit che dagli anni Novanta è lo standard degli schermi.
Prima di questo sistema il web viveva con la palette dei 216 colori web-safe, pensata per i monitor che gestivano appena 256 tinte. Quel vincolo è sparito da tempo: oggi HTML e CSS accettano qualsiasi valore #RRGGBB, oltre alla forma abbreviata a tre cifre come #F0C, che equivale a #FF00CC raddoppiando ogni cifra.
Vale la pena ricordare che rosso, verde e blu si mescolano in modo additivo: partono dal nero (#000000) e sommandosi arrivano al bianco (#FFFFFF). È l'opposto dei pigmenti su carta, dove le componenti si sottraggono, ed è il motivo per cui un colore brillante a schermo può risultare più spento in stampa.
Apri la pagina e premi il pulsante di generazione: compare subito un codice #RRGGBB con la relativa anteprima. Puoi ripetere finché non trovi la tinta giusta e copiare il codice con un clic per incollarlo dove ti serve.
Le prime due cifre indicano la quantità di rosso, la coppia centrale il verde e le ultime due il blu, ciascuna su una scala da 00 a FF. In #3A7BD5 c'è poco rosso (3A), verde medio (7B) e molto blu (D5): da qui il risultato azzurro-blu.
Lo spazio completo è di 16.777.216 colori, cioè tutte le combinazioni di tre canali a 8 bit. L'estrazione è uniforme su questo intervallo, quindi ogni tinta ha la stessa probabilità di comparire.
Sono estratti in modo casuale e uniforme, non da un elenco fisso: non ci sono tinte favorite né sequenze riconoscibili che si ripetono. Restano comunque colori a scopo di spunto e utilità, senza alcuna logica cromatica predeterminata.
Sì, il formato #RRGGBB è lo standard riconosciuto da CSS, HTML e dai principali software di grafica come Figma, Photoshop e Sketch. Copi il codice e lo incolli senza alcuna conversione.
Il complementare è la tinta opposta sulla ruota cromatica, ottenuta ruotando la tonalità di 180 gradi. Accostato all'originale crea il massimo contrasto, utile per pulsanti, richiami e accenti che devono spiccare.