Convertitore e Selettore di Colori

Converti i colori tra formati HEX, RGB, HSL e HSV istantaneamente. Scegli i colori visivamente o inserisci i valori direttamente. Perfetto per web design, CSS e grafica.

Selettore Colore Visivo

Anteprima Colore

HEX

RGB

HSL

HSV

Esempi CSS

color: #3b82f6;

color: rgb(59, 130, 246);

color: hsl(217, 92%, 60%);

Copiato!

Perché usare un Convertitore di Colori?

Supporto formati multipli: Converti istantaneamente tra formati colore HEX, RGB, HSL e HSV. Ogni formato ha il suo caso d'uso - HEX per il web, RGB per la grafica, HSL per il design.
Selettore colore visivo: Scegli i colori visivamente con un selettore colore interattivo. Vedi l'anteprima in tempo reale e ottieni tutti i valori dei formati simultaneamente.
Valori pronti da copiare e incollare: Tutti i valori dei colori sono formattati per l'uso diretto in CSS, HTML e strumenti di design. Funzionalità di copia negli appunti con un clic.

Come usare il Convertitore di Colori

Usa il selettore colore visivo per scegliere il colore desiderato, o inserisci un valore colore in qualsiasi formato (HEX, RGB, HSL o HSV).
Tutti i formati colore si aggiornano automaticamente in tempo reale mentre modifichi i valori.
Fai clic su qualsiasi pulsante Copia per copiare il valore del colore nel formato preferito negli appunti per usarlo nei tuoi progetti.

Domande Frequenti

Qual è la differenza tra HEX, RGB e HSL?

HEX usa notazione esadecimale (#RRGGBB) ed è più comune nello sviluppo web. RGB usa valori rosso, verde, blu (0-255) ed è usato nella grafica digitale. HSL usa tonalità (0-360°), saturazione e luminosità in percentuali - è più intuitivo per i designer poiché corrisponde a come percepiamo i colori.

Quando dovrei usare HSL invece di RGB o HEX?

HSL è ideale quando devi creare variazioni di colore - regolare la luminosità per stati hover, saturazione per versioni tenui, o tonalità per schemi di colori. RGB e HEX sono migliori quando hai specifiche di colore esatte o hai bisogno di retrocompatibilità.

Cos'è HSV e come differisce da HSL?

HSV (Tonalità, Saturazione, Valore) è simile a HSL ma usa 'Valore' invece di 'Luminosità'. HSV è spesso usato nei selettori colore e nell'editing di immagini, mentre HSL è più comune in CSS. Entrambi rappresentano i colori in modo più intuitivo di RGB.

Posso incollare valori colore direttamente?

Sì! Incolla qualsiasi formato colore valido nel campo input HEX. Lo strumento riconosce automaticamente HEX (#FF5733 o FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(10, 100%, 60%)), o colori nominati (rosso, blu, ecc.).

Come uso questi colori in CSS?

Copia qualsiasi formato e usalo nel tuo CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(10, 100%, 60%); I browser moderni supportano tutti e tre i formati. HSL è ottimo per creare variazioni di colore con variabili CSS.