Colori CSS

Valori Esadecimali (#RRGGBB)

Questo formato esprime un colore tramite il contributo di tre componenti principali: rosso (R), verde (G) e blu (B), ognuno dei quali ha un valore da 00 a FF.

color: #ff5733; /* Colore Rosso Vivo */

Valori RGB

I valori RGB combinano le quantità di rosso, verde e blu, con valori da 0 a 255.

color: rgb(255, 87, 51); /* Colore Rosso Vivo */

Valori RGBA

Gli stessi valori RGB, con l’aggiunta di un valore di opacità (alpha) da 0 (trasparente) a 1 (opaco).

background-color: rgba(0, 128, 0, 0.3); /* Verde con Opacità */

Valori HSL

Questo formato rappresenta il colore in termini di tonalità (H), saturazione (S) e luminosità (L), con valori rispettivamente da 0 a 360, da 0% a 100% e da 0% a 100%.

background-color: hsl(120, 100%, 50%); /* Verde Brillante */

Colori Predefiniti

CSS comprende una serie di nomi di colori predefiniti, come “red” (rosso), “blue” (blu), “green” (verde) e molti altri.

color: blue; /* Colore Blu */

Colori con Opacità

Tutti i formati di colori sopra elencati possono essere utilizzati con valori di opacità.

background-color: rgba(255, 0, 0, 0.5); /* Rosso Semi-Trasparente */