Cos'è un convertitore di colori?
Un convertitore di colori traduce un valore colore nei formati comunemente usati nel web design, nel CSS, nei design system e nelle note di consegna. Un singolo colore del brand può essere memorizzato come HEX in una guida di stile, come RGB in un design token, come HSL in un editor di temi e come CMYK nelle note orientate alla stampa. Questo strumento mantiene insieme quelle rappresentazioni in modo che tu possa copiare la versione corretta senza ricalcolare a mano.
Il convertitore è intenzionalmente compatto. Si concentra sui colori web pratici in sRGB: HEX, RGB, HSL, HSV e una semplice approssimazione CMYK. Non tenta di sostituire software professionale di gestione del colore o workflow basati su profili ICC.
Formati colore supportati
| Format | Example | Ideale per |
|---|---|---|
| HEX | #3366FF | CSS, design token, consegne visive rapide |
| RGB | rgb(51, 102, 255) | Valori CSS, lavoro su canvas, canali colore programmatici |
| HSL | hsl(225, 100%, 60%) | Regolazioni del tema per tonalità, saturazione e luminosità |
| HSV | hsv(225, 80%, 100%) | Flussi di lavoro con picker colore e messa a punto visiva |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Note approssimative per la stampa, non gestione colore finale per la stampa |
Limitazioni importanti
- L'output CMYK è calcolato a partire dai valori sRGB ed è solo un'approssimazione.
- I colori nominali CSS, i gradienti, Lab, LCH, OKLCH e Display-P3 non rientrano nell'ambito compatto di questa versione v1.
- I valori alpha possono essere analizzati per le forme comuni di HEX/RGB/HSL, ma l'anteprima campione mostra il colore base opaco.
- Strumenti di design diversi possono arrotondare leggermente i valori HSL, HSV o CMYK in modo differente.
Flussi di lavoro comuni
Pulizia CSS
Incolla un colore HEX da una guida di stile e copia RGB o HSL per uno stato di componente, una palette grafica o una variabile di tema.
Consegna al design
Mantieni insieme più notazioni colore quando sviluppatori, designer o editor di contenuti usano strumenti diversi.
Revisione dei token
Verifica se un token colore corrisponde alla tonalità e alla saturazione attese prima di usarlo in un'interfaccia pubblica.
Note per la stampa
Genera valori CMYK approssimativi per la discussione, lasciando l'output di stampa finale agli strumenti che gestiscono i profili.
Domande frequenti
L'output CMYK è esatto?
No. Il valore CMYK è una semplice conversione da sRGB, utile per note indicative. Il lavoro di stampa finale dipende da carta, inchiostro, impostazioni della macchina da stampa e profili ICC.
Posso incollare funzioni colore CSS?
Sì per le funzioni comuni RGB, HSL, HSV e in stile CMYK. Spazi colore più recenti come Lab, LCH, OKLCH e Display-P3 sono intenzionalmente fuori dall'ambito di questo strumento compatto.
Lo strumento supporta la trasparenza alpha?
Può analizzare forme alpha comuni come RGBA, HSLA e HEX a otto cifre, ma il campione principale e l'output per la copia si concentrano sui colori web opachi e pratici.
Perché i valori a volte differiscono da un altro strumento di design?
Piccole differenze di solito derivano da regole di arrotondamento o da assunzioni nella gestione del colore. Per i colori web in sRGB, tali differenze sono normalmente minime.
Quando dovrei invece usare il verificatore di contrasto?
Usa il verificatore di contrasto quando devi confrontare due colori per la leggibilità del testo. Questo convertitore modifica solo un colore tra i formati.