Convertitore di colori

Supporta la conversione del formato colore tra HEX, RGB, HSL e CMYK, fornendo anteprima in tempo reale e selettore colore. Conversione sincronizzata automatica, adatta per il passaggio di consegne del design, lo stile CSS e l'unificazione delle guide di stile.

Istruzioni d’uso

🚀 Avvio rapido

Seleziona o inserisci: digita un formato supportato (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) oppure usa il selettore colore
Conversione automatica: inserendo un qualunque formato, gli altri vengono aggiornati all’istante
Copia: usa il pulsante di copia accanto a ciascun formato per ottenere una stringa normalizzata

📌 Scenari comuni

Handoff design: converti HEX dai file di design in CSS RGB/HSL per lo sviluppo
Style guide: uniforma formati e stile di scrittura dei colori nella libreria di componenti
Riferimenti per la stampa: converti colori da schermo in CMYK come prima stima (serve comunque una prova di stampa)
Accessibilità: usa l’anteprima per un controllo qualitativo del contrasto (per valori esatti usa uno strumento dedicato)

🎛️ Parametri di conversione e visualizzazione

Regole di input: HEX supporta solo 6 cifre (senza alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Input case‑insensitive.
Anteprima: su desktop viene mostrata a destra in tempo reale; su mobile viene usata una modalità più leggera senza anteprima.
Selettore colore: clicca l’icona della tavolozza in alto a destra di ogni card per aprire il selettore.
Policy per HEX maiuscolo: l’output viene normalizzato in maiuscolo (es. #1E90FF), l’input non distingue tra maiuscole/minuscole.
Regolazione fine: trascina le lettere dei canali a sinistra/destra (Shift×10, Alt÷0.1) per micro‑aggiustamenti.
Copia output: il pulsante copia restituisce stringhe standardizzate (HEX maiuscolo).

🧭 Consigli d'uso

Precisione: la gestione del colore varia tra dispositivi/applicazioni; i valori letti col selettore possono differire leggermente.
Alpha: i formati attuali non includono trasparenza; per l’alpha usa rgba()/hsla() o un campo separato.
Spazio colore: il web usa sRGB come base; in workflow P3/Display‑P3 verifica sempre su device reali e con profili ICC.
Coerenza di team: definisci un formato canonico in CSS (es. HSL) e usalo in modo uniforme.

⚠️ Limitazioni e compatibilità

Differenze tra dispositivi: monitor, browser e sistemi operativi gestiscono il colore in modo diverso; l’aspetto può variare.
CMYK approssimativo: i valori CMYK sono solo una stima; per stampa professionale servono profili ICC e un flusso dedicato.
Nessun alpha: questo strumento non gestisce il canale alfa.

🔒 Privacy e sicurezza

Tutte le elaborazioni avvengono nel tuo browser; i dati non lasciano mai il tuo dispositivo.

❓ Domande frequenti

È supportata la notazione abbreviata #RGB?

Al momento no; usa HEX a 6 cifre (#RRGGBB).

Quali sono gli intervalli per RGB e HSL?

RGB va da 0 a 255 (interi); H da 0 a 360, S/L da 0 a 100%.

Perché i valori CMYK non coincidono con la stampa finale?

CMYK dipende da carta, inchiostro, dispositivo e configurazione ICC; i valori qui mostrati sono stime. Per lavori di stampa seri è necessaria una prova di stampa.

Supporta il canale alpha (rgba()/hsla())?

Non ancora; usa rgba()/hsla() o mantieni l’alpha separata.

Perché anteprima o valori differiscono da quelli di app di design o browser?

Per via di differenze nella gestione del colore, nei metodi di rendering e nella calibrazione dello schermo. Lo strumento calcola in sRGB, i risultati sono solo indicativi.

È supportato il wide‑gamut (P3/Display‑P3)?

Attualmente tutto è basato su sRGB; per workflow P3, verifica sempre sui dispositivi target con i relativi profili ICC.

Posso convertire CMYK in HEX/RGB?

Sì, ma CMYK→colore a schermo resta una stima approssimativa; per la stampa serve un flusso ICC completo e prove di stampa.