Questo selettore colore parte da un campione visivo e tiene i numeri precisi sempre a portata di mano. Puoi incollare un valore hex CSS come #3366cc, ritoccare i canali rosso, verde, blu e alpha, oppure regolare tonalità, saturazione e luminosità per lavorare su un design system. I valori colore non vengono caricati online - le conversioni avvengono localmente in JavaScript.
Selettore colore gratuito
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
Selezionato#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Che cos'è un selettore colore?
Un selettore colore è uno strumento per scegliere un colore digitale preciso e copiarne i valori per il design o il codice. Usa il campione, il campo HEX, gli slider RGB o i controlli HSL, poi copia subito i valori HEX, RGB, HSL, HSV o CMYK. Tutto funziona nel browser.
Come si usa
- 1Scegli o incolla un colore. Fai clic sul campione grande per aprire il selettore colore del browser, oppure incolla nel campo HEX un valore hex da 3, 4, 6 o 8 cifre.
- 2Regola i canali. Usa gli slider RGB per rosso, verde, blu e alpha, oppure modifica tonalità, saturazione e luminosità quando vuoi un controllo più adatto al design.
- 3Copia il formato che ti serve. Copia HEX, HEX8, RGB, HSL, HSV o CMYK con un clic. L'anteprima e tutti gli output si aggiornano in tempo reale.
A chi serve
- Sviluppatori front-end che copiano valori HEX, RGB e HSL pronti per CSS mentre costruiscono interfacce.
- Designer che regolano un colore di brand per canale, invece di procedere a tentativi in un'app grafica.
- Team marketing che allineano i colori di una campagna tra email builder, documenti e contenuti social.
- Studenti e creator che imparano come RGB, HSL, HSV e CMYK descrivono lo stesso colore.
Domande frequenti
Questo selettore colore è gratis?
Sì. Il selettore colore è gratis, non richiede registrazione e non ha limiti di utilizzo. Apri la pagina, scegli un colore e copia il formato che ti serve.
I miei colori vengono caricati da qualche parte?
No. Il selettore e le conversioni funzionano nel browser con semplice JavaScript. I colori selezionati non vengono inviati a un server.
Quali formati colore posso copiare?
Puoi copiare HEX, HEX a 8 cifre con alpha, RGB o RGBA, HSL o HSLA, HSV e CMYK. Lo strumento li mantiene sincronizzati mentre modifichi il colore.
Posso incollare un colore hex?
Sì. Incolla valori hex CSS da 3, 4, 6 o 8 cifre, con o senza il simbolo #. I valori abbreviati vengono espansi secondo le normali regole CSS.
Che cos'è HEX8?
HEX8 è un colore hex a 8 cifre in cui l'ultima coppia indica l'alpha. Per esempio, #3366cc80 è lo stesso blu con circa il 50% di opacità.
In CSS conviene usare RGB o HSL?
Usa RGB quando ti servono valori di canale esatti o l'alpha con rgba(). Usa HSL quando vuoi creare tinte, ombre o stati UI correlati modificando saturazione e luminosità.