Conversione del codice colore

Conversione del codice colore (Color Converter)

Quando si specifica un colore utilizzando il selettore di colori o un valore numerico, il sistema calcola automaticamente i valori HEX, RGB, HSL, HSV e CMYK. È possibile copiare ciascun formato con un solo clic e verificare il rapporto di contrasto con i colori complementari e i colori del testo.

Inserisci un colore

Supporta i formati #RGB, #RGBA, #RRGGBB e #RRGGBBAA.

%
%

%
%

%
%
%
%

Risultato della traduzione

I colori inseriti sono stati convertiti nei rispettivi formati.

Testo di esempio
HEX—
HEXA (con opacità)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Colori complementari

—

Si tratta del colore opposto, spostato di 180 gradi sulla ruota dei colori.

Contrasto con il colore del testo

Rapporto rispetto al testo bianco—
Rapporto rispetto al testo nero—
Colore del testo di facile lettura：—

Tutte le conversioni di colore vengono eseguite all'interno del browser; i dati inseriti non vengono inviati al server.

Che cos'è uno strumento di conversione dei codici colore?

Il Color Code Converter è uno strumento online gratuito che converte le rappresentazioni numeriche dei colori utilizzate nel web design, nello sviluppo di app, nell'editing delle immagini e nella progettazione grafica per la stampa. Anche per lo stesso colore, il formato utilizzato per specificarlo — come HEX, RGB, HSL, HSV o CMYK — varia a seconda dell'applicazione o del software. Con questo strumento è possibile visualizzare a colpo d’occhio i valori per tutti i formati principali semplicemente inserendo un singolo colore.

HEX è una notazione esadecimale ampiamente utilizzata nei CSS dei siti web. Ad esempio, il bianco è rappresentato come #FFFFFF e il nero come #000000. RGB è un sistema che combina luce rossa, verde e blu su una scala da 0 a 255 ed è utilizzato per gestire i colori sui display. Anche RGBA e HEXA a 8 cifre consentono di specificare l’opacità, rendendoli utili per creare colori di sfondo e sovrapposizioni semitrasparenti.

Il modello HSL rappresenta il colore utilizzando tonalità, saturazione e luminosità. La tonalità è specificata su una ruota dei colori che va da 0 a 360 gradi, mentre la saturazione e la luminosità sono specificate su una scala da 0 a 100%.Questo formato rende facile regolare i colori in modo intuitivo, ad esempio rendendoli leggermente più luminosi o attenuandone la vivacità. HSV o HSB rappresentano il colore utilizzando tonalità, saturazione e luminosità, e sono utilizzati in molti programmi di grafica e selettori di colore.

Il CMYK è un modello cromatico basato sulle quantità di inchiostro ciano, magenta, giallo e nero, utilizzato principalmente nel settore della stampa. Tuttavia, i valori CMYK calcolati matematicamente dai colori RGB visualizzati sullo schermo costituiscono solo un riferimento approssimativo. Poiché i risultati effettivi di stampa dipendono da fattori quali la carta, l’inchiostro, la macchina da stampa e i profili ICC, si prega di verificare con la propria tipografia e di controllare l’ambiente di gestione del colore per i materiali stampati che richiedono precisione cromatica.

Questo strumento mostra non solo i valori relativi a ciascun formato, ma anche un'anteprima del colore selezionato, il suo colore complementare (con una differenza di tonalità di 180 gradi) e il rapporto di contrasto quando il testo bianco e quello nero vengono sovrapposti. È utile per selezionare colori del testo che risultino facilmente leggibili sullo sfondo e per valutare combinazioni cromatiche tenendo conto dell'accessibilità.Tutti i calcoli vengono eseguiti all’interno del browser e le informazioni sui colori inserite non vengono mai inviate al server.

Come utilizzare

  1. Utilizzare il selettore di colori oppure inserire un valore in formato HEX, RGB, HSL, HSV o CMYK.
  2. A seconda del formato inserito, i valori negli altri formati di colore verranno aggiornati automaticamente.
  3. Se è richiesta la trasparenza, regolare il cursore della trasparenza o il campo numerico.
  4. Cliccando su “Visualizza i risultati della conversione”, verrai reindirizzato alla sezione dei risultati, dove potrai verificare ogni formato, i colori complementari e il rapporto di contrasto.
  5. Fare clic su "Copia" nel formato desiderato, quindi incollare il testo nel CSS, negli strumenti di progettazione, nella documentazione, ecc.

Precauzioni d'uso

  • I valori CMYK sono conversioni generali derivate dall'RGB e non garantiscono una riproduzione esatta dei colori nella stampa.
  • La trasparenza si riflette nei valori RGB, HSL e HEXA, ma il CMYK non prevede il concetto di trasparenza.
  • A seconda delle impostazioni dello schermo, del browser e del sistema operativo, lo stesso codice colore potrebbe apparire in modo diverso.
  • Il rapporto di contrasto viene calcolato sulla base dei colori opachi, escludendo la trasparenza. La leggibilità può variare a seconda dell'immagine di sfondo effettiva e della sovrapposizione degli elementi.
  • I numeri decimali molto piccoli verranno arrotondati a un numero adeguato di cifre decimali per facilitarne la lettura.

Domande frequenti

I colori sono rappresentati in notazione esadecimale. In genere si utilizza il formato a 6 cifre #RRGGBB; quando si include la trasparenza, si utilizza il formato a 8 cifre #RRGGBBAA.

L'RGB è composto da tre componenti — rosso, verde e blu — mentre l'RGBA aggiunge un canale alfa per rappresentare la trasparenza.

Questa funzione è utile quando si desidera regolare la luminosità o la saturazione mantenendo la stessa tonalità. È inoltre particolarmente indicata per creare variazioni di colore nei fogli di stile CSS.

In generale, si riferiscono allo stesso modello. "V" sta per "Valore" e "B" sta per "Luminosità", anche se la terminologia può variare a seconda dell'app.

Visualizza valori approssimativi basati su formule generali. Per ottenere colori di stampa accurati sono necessari profili ICC e un ambiente di stampa specifico.

Sì. Se si inserisce un valore nel formato #RGB, questo verrà convertito in #RRGGBB, con ogni cifra ripetuta due volte.

Sì. Supporta sia l'input che l'output in formato #RGBA e #RRGGBBAA.

Si tratta di colori situati ai lati opposti della ruota dei colori. Questo strumento li calcola ruotando la tonalità HSL di 180 gradi.

Questo valore quantifica la differenza di luminosità tra il colore di sfondo e quello del testo. In generale, più alto è il numero, più facile è distinguere il testo.

Confrontare i rapporti di contrasto nella sezione dei risultati; scegliere quello con il rapporto più elevato migliorerà la leggibilità.

No. La conversione e la visualizzazione avvengono interamente all'interno del browser; i valori dei colori non vengono inviati al server per l'elaborazione.

Sì. È possibile convertire i valori utilizzando il selettore di colori o i campi di immissione numerica nei browser supportati.