Convertitore colori
Converti tra HEX, RGB, HSL
Come usare Convertitore colori
Converti tra HEX, RGB, HSL Strumento gratuito online, senza registrazione, senza pubblicità invasiva. Usalo ora.
A cosa serve un convertitore di colori?
I colori nel design digitale esistono in più formati, ciascuno adatto a contesti diversi. Convertire tra loro è un'attività quotidiana per i web designer, i front-end developer e i grafici che lavorano con diversi strumenti e piattaforme.
- Sviluppo CSS: Gli strumenti di design esportano i colori in HEX (#7B35F5), ma il CSS accetta anche RGB (rgb(123,53,245)) e HSL (hsl(264,91%,58%)). Convertite tra loro per adattarvi alla sintassi CSS preferita e mantenere la coerenza del codice.
- Coerenza del brand: Un colore aziendale definito in Pantone deve essere espresso in HEX per il web, CMYK per la stampa e RGB per gli schermi — ognuno richiede una conversione precisa per garantire che il colore sia identico su tutti i supporti.
- Accessibilità: HSL facilita la regolazione della luminosità mantenendo costante la tonalità — utile per creare varianti di colore accessibili con un contrasto sufficiente, come richiesto dalle linee guida WCAG.
- Consegna design-codice: Figma e Adobe XD esportano in HEX; alcuni sviluppatori preferiscono HSL per il suo modello intuitivo tonalità/saturazione/luminosità. Convertite facilmente durante l'implementazione.
- Preparazione per la stampa: I colori dello schermo (RGB) devono essere convertiti in CMYK per la stampa. RGB ha una gamma più ampia di CMYK — alcuni colori vivaci sullo schermo non possono essere riprodotti fedelmente nella stampa fisica.
Riepilogo dei formati: HEX (#RRGGBB) è conciso e universale per il web. RGB (0-255 per canale) è il formato nativo degli schermi. HSL (tonalità 0-360°, saturazione 0-100%, luminosità 0-100%) è il più intuitivo per gli esseri umani. CMYK (0-100% per canale) è per la stampa professionale.
Frequently Asked Questions
Qual è la differenza tra RGB e RGBA?
RGBA aggiunge un canale alfa (trasparenza) a RGB: rgba(123,53,245,0.5) è un viola con il 50% di trasparenza. Il valore alfa va da 0 (completamente trasparente) a 1 (completamente opaco). HEX supporta la notazione a 8 cifre per l'alfa: #7B35F580 (dove 80 in esadecimale = 50% di opacità).
Perché RGB e CMYK rappresentano gamme di colori diverse?
RGB è additivo — mescolare luce rossa, verde e blu produce il bianco (usato per gli schermi). CMYK è sottrattivo — mescolare inchiostri ciano, magenta, giallo e nero assorbe la luce (usato per la stampa). RGB può rappresentare colori più vivaci di quelli che CMYK può riprodurre in stampa — i colori neon brillanti sullo schermo appaiono spesso più spenti quando stampati.
Cos'è HSL e perché è utile?
HSL (Tonalità, Saturazione, Luminosità) è progettato per essere intuitivo per gli esseri umani. La tonalità è il colore (0°=rosso, 120°=verde, 240°=blu). La saturazione è l'intensità (0%=grigio, 100%=vivido). La luminosità è la brillantezza (0%=nero, 50%=colore puro, 100%=bianco). Per schiarire o scurire un colore senza cambiarne la tonalità, cambiate semplicemente il valore L.
Come converto HEX in RGB manualmente?
Dividete il HEX a 6 cifre in tre coppie e convertite ognuna da base 16 a base 10. #7B35F5: 7B=123 (rosso), 35=53 (verde), F5=245 (blu) → rgb(123,53,245). I convertitori online lo fanno all'istante, ma capire la conversione aiuta a leggere i valori HEX direttamente nel codice.
Cosa sono i profili colore (sRGB, Adobe RGB, Display P3)?
I profili colore definiscono la gamma di colori che un dispositivo può visualizzare. sRGB è lo standard per il web e la maggior parte dei monitor. Adobe RGB copre circa il 50% in più dello spettro visibile — usato nella fotografia professionale. Display P3 (dispositivi Apple) copre circa il 25% in più di sRGB. Le immagini in Adobe RGB appaiono spente sui display sRGB se non vengono convertite correttamente.
Convertitore colori vs selettore colore vs generatore palette
Un convertitore di colori traduce un valore di colore esistente tra i formati. Un selettore di colori (DevTools del browser, selettore colore del SO) permette di selezionare visivamente un colore ed esportarne il valore. Un generatore di palette crea combinazioni di colori armoniose da un colore base usando la teoria del colore. Un verificatore di contrasto controlla se una combinazione di colori soddisfa gli standard di accessibilità WCAG. Tutti e quattro si complementano nel flusso di lavoro di un designer.