Strumenti per i colori

Convertitore di Colori

Converti colori tra formati HEX, RGB e HSL con anteprima visiva immediata e valori numerici dettagliati per canali e componenti.

Esegui lo strumento

Questo strumento online converte i colori tra le notazioni esadecimale, RGB e HSL, generando le rappresentazioni testuali corrispondenti, i singoli valori numerici e un riquadro visivo di anteprima. Puoi inserire codici esadecimali a tre o sei cifre con o senza cancelletto iniziale, terne RGB con valori compresi tra 0 e 255 oppure terne HSL. Per il formato HSL, la tonalità si calcola automaticamente con rotazione modulare entro trecentosessanta gradi, mentre saturazione e luminosità rimangono vincolate alla scala percentuale tra 0 e 100. Se non selezioni un formato sorgente, lo strumento impiega il formato esadecimale come valore predefinito. L'elaborazione estrae le sequenze numeriche necessarie, arrotonda i canali HSL a valori interi e restituisce i canali RGB in numeri interi. Inserisci un codice valido per visualizzare subito tutte le stringhe di formato pronte per fogli di stile CSS, grafica digitale e progetti web, evitando errori di trascrizione manuale tra i diversi spazi cromatici.

Istruzioni

  1. Digita o incolla il valore del colore nel campo dedicato.
  2. Specifica il formato di origine scegliendo tra hex, rgb oppure hsl, se differente da quello predefinito.
  3. Avvia la conversione per calcolare le stringhe esadecimale, RGB e HSL.
  4. Consulta l'anteprima cromatica e copia i codici generati per il tuo progetto.

Esempi

  • Conversione di un colore esadecimale: inserendo #3498db con formato hex ottieni rgb(52, 152, 219) e hsl(204, 70%, 53%).
  • Conversione da coordinate RGB: indicando 255, 99, 71 con formato rgb ottieni il codice esadecimale #ff6347 e la notazione hsl(9, 100%, 64%).

FAQ

Quali formati di origine posso selezionare?

Puoi utilizzare i formati hex, rgb e hsl, indicati rigorosamente in lettere minuscole.

Cosa accade se inserisco una tonalità HSL superiore a 360 gradi?

Il calcolo applica un'operazione modulo 360, riportando l'angolo all'interno dell'intervallo standard da 0 a 359 gradi.

Come vengono gestiti i valori percentuali fuori scala in HSL?

I valori di saturazione e luminosità maggiori del 100% vengono limitati al tetto massimo del 100%.

Cosa accade se il campo del colore rimane vuoto?

Il sistema richiede un input non vuoto; senza caratteri validi l'operazione non genera alcuna conversione.

Incorpora questo strumento

Aggiungi questo strumento SmartPlusLab funzionante al tuo sito con il codice seguente.