Convertitore di Colore
Converti colori tra formati HEX, RGB e HSL istantaneamente. Anteprima visiva del colore, verificatore di contrasto WCAG e palette generata. Tutta l'elaborazione avviene localmente nel tuo browser.
🔒 Tutta l'elaborazione avviene localmente nel tuo browser.
Come usare questo convertitore di colore
- Inserisci un colore in qualsiasi formato — HEX, RGB o HSL — e tutti gli altri formati si aggiornano istantaneamente.
- Usa il selettore di colore (il riquadro sotto l'anteprima) per selezionare visivamente qualsiasi colore.
- L'anteprima del contrasto mostra come appare il tuo colore su sfondo bianco e nero, con rapporti di contrasto WCAG.
- Clicca su qualsiasi campione nella palette generata per usare quel colore come base.
- Copia qualsiasi formato con un clic.
Informazioni sui formati colore
HEX, RGB e HSL sono tre modi diversi di rappresentare lo stesso colore. I codici HEX sono compatti e ampiamente usati in CSS e HTML. RGB nomina esplicitamente i canali rosso, verde e blu. HSL e il piu intuitivo — aumentare la luminosita rendera un colore piu chiaro.
Il rapporto di contrasto WCAG e critico per l'accessibilita web. Il testo deve essere leggibile sul suo sfondo. Questo strumento calcola il rapporto di contrasto contro sfondi bianchi e neri.
Il generatore di palette produce variazioni di colore basate sul colore selezionato: varianti piu chiare e piu scure, piu e meno sature, colori complementari e analoghi.
Domande Frequenti
Che cos'e un codice colore HEX? ▼
Un codice colore HEX e una rappresentazione esadecimale dei colori RGB usata nel design web. Inizia con # seguito da 6 caratteri (o 3 per abbreviazione), come #3B82F6. Ogni coppia rappresenta l'intensita di Rosso, Verde e Blu. I codici HEX sono il modo piu comune per specificare i colori in CSS e HTML.
Che cos'e il colore RGB? ▼
RGB (Rosso, Verde, Blu) e un modello di colore additivo dove ogni colore e definito dall'intensita della luce rossa, verde e blu. I valori vanno da 0 (nessuna) a 255 (intensita massima). rgb(59, 130, 246) rappresenta lo stesso blu di #3B82F6.
Che cos'e il colore HSL? ▼
HSL (Tinta, Saturazione, Luminosita) e un modello di colore piu intuitivo. Tinta e l'angolo sulla ruota cromatica (0-360 gradi), Saturazione e l'intensita del colore (0-100%), e Luminosita e la chiarezza (0-100%). HSL facilita la ricerca di sfumature e toni di un colore.
Che cos'e il rapporto di contrasto WCAG? ▼
Il rapporto di contrasto WCAG misura quanto distinguibile e il testo dal suo sfondo, da 1:1 a 21:1. WCAG 2.1 richiede un minimo di 4.5:1 per il testo normale. Questo strumento mostra il rapporto di contrasto contro sfondi bianchi e neri.
Come funziona il generatore di palette? ▼
La palette genera variazioni di colore basate sul colore selezionato: varianti piu chiare e piu scure, piu e meno sature, colori complementari e analoghi. Clicca su un campione per usare quel colore.
I miei dati sul colore vengono inviati a un server? ▼
No. Tutta la conversione del colore, il calcolo del contrasto e la generazione della palette avvengono istantaneamente nel tuo browser. Nessun dato viene inviato o archiviato.
Qual e la differenza tra HEX e RGB? ▼
Entrambi rappresentano lo stesso colore ma in formati diversi. HEX usa notazione base-16. RGB usa numeri decimali (0-255) per ogni canale. #FF5500 e lo stesso di rgb(255, 85, 0).