Colore RGB CSS

Valore RGB

In CSS, è possibile specificare il colore come valore RGB utilizzando la seguente formula:

rgb(green blue

ogni parametro (green, e blue) definisce l'intensità del colore tra 0 e 255.

Ad esempio, rgb(255, 0, 0) viene visualizzato come rosso perché il rosso è impostato al valore massimo (255) e gli altri sono impostati su 0.

Per visualizzare il nero, imposta tutti i parametri di colore su 0, come segue: rgb(0, 0, 0).

Per visualizzare il bianco, imposta tutti i parametri di colore su 255, come segue: rgb(255, 255, 255).

Eseguite l'esperimento mescolando i seguenti valori RGB:

 

RED

255

GREEN

0

BLUE

0

Esempio

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Prova tu stesso

Di solito si utilizzano valori uguali per tutti e tre i sorgenti di luce per definire l'ombreggia grigia:

Esempio

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Prova tu stesso

Valore RGBA

Il valore di colore RGBA è un'estensione del valore di colore RGB con canale alpha - specifica l'opacità del colore.

I valori di colore RGBA sono specificati:

rgba(green blue alpha

alpha I parametri sono numeri tra 0.0 (completamente trasparente) e 1.0 (completamente opaco):

Prova la combinazione dei seguenti valori RGBA:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

Esempio

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Prova tu stesso