Convertitore di colori

Cos'è Convertitore di colori?

Color Converter è un convertitore di colori da HEX a RGB a HSL gratuito e online, pensato per sviluppatori e designer. Digita un colore in qualsiasi notazione — HEX (#rrggbb o la forma abbreviata #rgb), RGB (come "255, 100, 0" o "rgb(255 100 0)") o HSL (come "220, 91%, 64%") — e ogni altro formato si aggiorna all'istante accanto a un grande campione di anteprima dal vivo. Un selettore di colori nativo ti permette di scegliere una tonalità in modo visivo, e ogni valore ha un pulsante di copia con un clic, quindi è comodo ogni volta che devi abbinare i colori del marchio o convertire i valori di colore CSS tra il codice e gli strumenti di design.

Come usare Convertitore di colori

1. Digita o incolla un colore nel campo HEX, RGB o HSL, oppure fai clic sul campione del selettore di colori per scegliere una tonalità in modo visivo.
2. Osserva gli altri due campi e il grande campione di anteprima aggiornarsi all'istante per riflettere lo stesso colore.
3. Leggi i riquadri di riepilogo R / G / B, H / S / L e HEX qui sotto per i valori di ciascun canale convertito.
4. Fai clic sul pulsante di copia accanto a un campo per copiarne il valore: HEX copia la stringa #rrggbb, mentre RGB e HSL copiano stringhe rgb(...) e hsl(...) pronte all'uso.
5. Se un valore viene rifiutato, controlla l'errore in linea e reinseriscilo nel formato indicato dal suggerimento del campo.

Esempi

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

Domande frequenti

Quali formati di colore supporta questo convertitore?

Converte tra tre formati: HEX (#rrggbb completo e la forma abbreviata #rgb), RGB (0-255 per canale) e HSL (tonalità in gradi, saturazione e luminosità in percentuale). Al momento non gestisce alfa/opacità, HSV, CMYK o i nomi di colore CSS.

Perché il mio colore mostra un errore "Invalid HEX color", "Invalid RGB color" o "Invalid HSL color"?

Il valore non corrisponde al formato previsto o è fuori intervallo. HEX deve avere 3 o 6 cifre esadecimali, i canali RGB devono essere compresi tra 0-255 e la saturazione e la luminosità HSL devono essere comprese tra 0-100%. Reinseriscilo seguendo il suggerimento sotto quel campo.

Posso incollare un valore CSS completo come rgb(255 100 0)?

Sì. I campi RGB e HSL si limitano a estrarre i numeri dal testo, quindi sia "255, 100, 0" sia "rgb(255 100 0)" funzionano, e i pulsanti di copia producono stringhe rgb(...) e hsl(...) pronte all'uso.

I valori convertiti vengono arrotondati?

Sì. I canali RGB e i valori HSL vengono arrotondati a numeri interi, quindi una conversione di andata e ritorno può differire di un'unità dall'originale. L'output HEX ha sempre due cifre per canale (#rrggbb).

I miei dati di colore vengono caricati da qualche parte?

No. L'intera conversione viene eseguita localmente nel tuo browser con JavaScript — nulla viene inviato a un server e nessun valore di colore viene caricato, quindi funziona in modo privato e persino offline una volta caricata la pagina.