🎨

Convertitore Colori HEX / RGB / HSL

Anteprima live, colore complementare, CSS pronto
Anteprima
Colore complementare
CSS output

    

                    


                    

                        
Formati di colore nel web

        
I colori nel web si esprimono in tre formati principali: HEX (es. #ff5733), RGB (es. rgb(255, 87, 51)) e HSL (es. hsl(11, 100%, 60%)). Tutti e tre rappresentano lo stesso colore nello spazio sRGB. HEX è il più compatto, RGB è intuitivo per chi pensa in rosso-verde-blu, HSL è il più facile da manipolare (cambiare hue cambia solo la tinta, mantenendo saturazione e luminosità).

        
Quale formato usare

        
    
            
  • HEX: compatto, standard de facto, ideale per CSS
    • 
            
  • RGB/RGBA: serve per trasparenza con valori 0-255
    • 
            
  • HSL/HSLA: migliore per generare palette (variare solo la hue)
    • 
        

        
Colore complementare

        
Il colore complementare è opposto sulla ruota dei colori (hue + 180°). È utile per creare contrasti forti e accoppiamenti visivi piacevoli. Il tool lo calcola automaticamente.

                    


                    

                        
Domande frequenti

                        
Posso inserire HEX a 3 cifre?
Sì, il tool accetta sia #fff che #ffffff. Le forme a 3 cifre vengono espanse automaticamente (#fff = #ffffff).