Convertitore di Colori

Converti colori tra formati HEX, RGB, HSL istantaneamente. Selettore colori gratuito con verifica contrasto WCAG.

I tuoi dati vengono elaborati interamente nel tuo browser. Nulla viene caricato su alcun server.

Anteprima Colore

Selettore Colore

Colore Complementare

#2B50C8

Opposto sulla ruota dei colori

Formati Colore

HEX

RGB

rgb( , , )

RGBA

rgba( , , , )

HSL

hsl( °, %, %)

HSLA

hsla( °, %, %, )

Verifica Contrasto (WCAG)

Testo Bianco 4.23:1

Testo di Esempio

AA: Fail AAA: Fail

Testo Nero 4.97:1

Testo di Esempio

AA: Pass AAA: Fail

Cronologia Colori

Nessun colore ancora. Inizia a scegliere i colori!

Formati Multipli

Converti tra formati HEX, RGB, RGBA, HSL e HSLA istantaneamente.

Contrasto WCAG

Verifica l'accessibilità dei colori con indicatori di conformità WCAG AA e AAA.

100% Lato Client

Tutta l'elaborazione avviene nel tuo browser. Nessun dato inviato ai server.

Hai bisogno di uno strumento personalizzato?

Sviluppo MVP e applicazioni web su misura in 7 giorni. Dall'idea alla produzione — veloce, affidabile e scalabile. 9+ anni di esperienza full-stack.

Contatto

Domande Frequenti

Come converto HEX in RGB?

Per convertire HEX in RGB, ogni coppia di cifre esadecimali rappresenta un canale colore (Rosso, Verde, Blu). Ad esempio, #FF5733 si converte in RGB(255, 87, 51) dove FF=255 (rosso), 57=87 (verde) e 33=51 (blu). Il nostro strumento esegue questa conversione automaticamente — basta inserire un codice HEX per vedere i valori RGB istantaneamente.

Qual è la differenza tra RGB e RGBA?

RGB definisce i colori usando i canali Rosso, Verde e Blu (0-255 ciascuno). RGBA aggiunge un canale Alpha (0-1) per la trasparenza, dove 0 è completamente trasparente e 1 è completamente opaco. Ad esempio, rgba(255, 87, 51, 0.5) è lo stesso colore di rgb(255, 87, 51) ma al 50% di opacità.

Cos'è il formato colore HSL?

HSL sta per Tonalità (Hue), Saturazione (Saturation) e Luminosità (Lightness). La Tonalità è l'angolo del colore (0-360°), la Saturazione è l'intensità del colore (0-100%) e la Luminosità indica quanto è chiaro o scuro il colore (0-100%). HSL è spesso più intuitivo per i designer perché regolare luminosità o saturazione è semplice.

Come trovo il colore complementare?

Un colore complementare è direttamente opposto sulla ruota dei colori. In termini HSL, è lo stesso colore con la tonalità ruotata di 180°. Ad esempio, il blu (tonalità 240°) ha un complementare arancione (tonalità 60°). Il nostro strumento calcola e mostra automaticamente il colore complementare per qualsiasi colore selezionato.

Cos'è il contrasto colore WCAG?

Le WCAG (Linee Guida per l'Accessibilità dei Contenuti Web) definiscono rapporti di contrasto minimi per un testo leggibile. Il livello AA richiede 4.5:1 per il testo normale e 3:1 per il testo grande. Il livello AAA richiede 7:1 per il testo normale e 4.5:1 per il testo grande. Il nostro strumento calcola i rapporti di contrasto rispetto al testo nero e bianco per garantire che i tuoi colori siano accessibili.