Contenuto
Tre modi per scrivere lo stesso colore
Il convertitore prende un colore sRGB in HEX, RGB o HSL e ne restituisce la notazione in un altro formato. L'anteprima su una griglia rende riconoscibile la trasparenza.
Verifiche pratiche prima di copiare il codice
Il blu #336699 corrisponde a rgb(51,102,153) e hsl(210,50%,40%). Si può scegliere la forma più comoda per il foglio di stile senza cambiare il colore.
Con R 128, G 128 e B 128 si ottiene #808080. La saturazione HSL è 0%: in un grigio uniforme la tonalità non aggiunge informazione.
Il codice #00000080 diventa rgba(0,0,0,0.502). La coppia finale è l'alfa; il nero lascia vedere ciò che sta sotto invece di diventare un grigio opaco.
Quali intervalli accetta ogni formato
Per HEX si possono scrivere 3, 4, 6 o 8 cifre esadecimali, anche senza #. RGB richiede tre numeri interi da 0 a 255. HSL usa tonalità da 0 a 360°, saturazione e luminosità da 0 a 100%. Quando presente, l'alfa va da 0 a 1. Dopo aver impostato la partenza, scegliere un formato di arrivo diverso.
Se la conversione serve solo a sostituire una notazione nel CSS, non occorre stimare i canali a occhio: il cambio di formato di partenza conserva il colore valido e riempie i campi corrispondenti.
Nella forma #RRGGBBAA le ultime due cifre indicano l'alfa, come specifica CSS Color. La casella di anteprima mostra il colore sopra un fondo a scacchi, non il suo aspetto definitivo su ogni pagina.
La precisione non è infinita
RGB viene arrotondato a canali interi, HSL a una cifra decimale e l'alfa a tre. Convertendo avanti e indietro può cambiare l'ultima cifra. Il calcolo riguarda sRGB, non i profili di stampa o Display P3. Per giudicare il contrasto del testo occorre conoscere anche il colore dello sfondo.
Domande sulla notazione dei colori
Una forma breve o un'alfa numerica possono nascondere dettagli utili.
Che cosa significa #3A7?
Ogni carattere si ripete: la notazione estesa è #33AA77.
Posso scrivere HEX senza cancelletto?
Sì. Il simbolo # è facoltativo all'ingresso e compare nel risultato HEX.
Perché 80 come alfa non dà esattamente 0,5?
80 in esadecimale vale 128; 128/255 è circa 0,502.
Tonalità 0° e 360° sono diverse?
No. Il cerchio delle tonalità si chiude: i due valori indicano la stessa direzione.
Il codice garantisce la stessa resa su ogni monitor?
No. I valori sRGB coincidono, ma profilo, calibrazione e luminosità del monitor influiscono sulla resa.
Calcolatrici simili
Potresti trovare utili le seguenti calcolatrici sullo stesso argomento:
- Generatore di Password Online. Ottieni una password forte e affidabile in pochi secondi con il nostro generatore di password online, ideale per proteggere i tuoi account.
- Editor HTML Online. Modifica e verifica il tuo codice HTML in tempo reale con il nostro semplice e intuitivo editor online.
- Calcolatore del Numero di Caratteri nel Testo Online. Scopri il numero esatto di caratteri in un testo, con o senza spazi, con il nostro calcolatore online.
- Calcolatore di Parole nel Testo Online. Analizza il tuo testo per scoprire il numero di parole e parole uniche con il nostro calcolatore online.
- Calcolatore di Frasi nel Testo Online. Determina il numero di frasi nel tuo testo con il nostro calcolatore online.
- Calcolatore di Paragrafi nel Testo Online. Scopri il numero di paragrafi nel tuo testo con il nostro calcolatore online.
- Calcolatore di Testo Online. Ottieni un'analisi dettagliata del tuo testo con il nostro calcolatore online, valutando vari aspetti come lunghezza e tempo di lettura.
- Convertitore da Binario a Decimale Online. Converti facilmente numeri da binario a decimale con il nostro calcolatore online.
- Convertitore da Binario a Ottale Online. Converte facilmente numeri da binario a ottale con il nostro calcolatore online.
- Convertitore da Binario a Esadecimale Online. Converti facilmente numeri da binario a esadecimale con il nostro calcolatore online.
Condividi sui social media
Se ti è piaciuto, condividi la calcolatrice sui tuoi social media. È facile per te e utile per la promozione del progetto. Grazie!