Formattazione del Testo e dei Colori

In precedenza, abbiamo aggiunto colori al testo in modo molto intuitivo e diretto. Tuttavia, approfondiamo i dettagli dell'applicazione del colore.

Colore

Il colore del testo può essere applicato a un elemento di testo utilizzando la proprietà CSS color, che può essere assegnata in diversi formati.

I valori di colore più comunemente utilizzati sono RGB, esadecimale e nomi di colori. Consideriamo il seguente esempio, in cui applichiamo il blu al testo.

Formati per Specificare il Colore

Analizziamo più da vicino ciascun formato nel dettaglio.

Nome del Colore

È possibile utilizzare parole riservate per i colori. L'elenco dei colori riservati è disponibile su https://htmlcolorcodes.com.

CSS fornisce nomi di colori predefiniti come blue, red, green, purple e altri. Sono facili da leggere ma limitati nella varietà.

Formato Hex

Hex rappresenta i colori come un codice a sei cifre composto da tre coppie di valori a due cifre dopo il simbolo #. Ogni coppia rappresenta l'intensità di rosso, verde e blu (in quest'ordine).

I valori in formato esadecimale variano da 00 (nessuna intensità) a FF (intensità massima).

Formato RGB

RGB rappresenta i colori come una serie di tre numeri che corrispondono all'intensità di rosso, verde e blu (in quest'ordine)

I valori in formato RGB variano da 0 (nessuna intensità) a 255 (intensità massima).

Trasparenza con RGBA

La trasparenza nei colori rgb può essere ottenuta utilizzando la notazione rgba (rosso, verde, blu, alpha), dove alpha rappresenta il livello di opacità o trasparenza del colore.

Il valore alpha può variare da 0 (completamente trasparente) a 1 (completamente opaco). Ad esempio, il valore RGBA rgba(0, 255, 0, 0.5) rappresenta un colore verde con opacità al 50%.