0

Codificato

Colore RGB (Hex)
Notazione
Colore RGB
Spazio colore
Notazione

Informazioni sul colore RGB

Il colore RGB è un modello di colore che rappresenta i colori combinando tre componenti di luce: rosso, verde e blu. È ampiamente usato per i colori gestiti su schermo, come display, pagine web e dati immagine.

In RGB, l’intensità di ogni componente è specificata con un valore numerico. Di solito è rappresentata come intero da 0 a 255 o come percentuale da 0% a 100%. Se tutte le componenti sono 0, il colore è nero; se tutte sono al massimo, il colore è bianco.

ColoreNotazione RGBNotazione esadecimale
Rossorgb(255 0 0)#ff0000
Verdergb(0 128 0)#008000
Blurgb(0 0 255)#0000ff
Biancorgb(255 255 255)#ffffff
Nerorgb(0 0 0)#000000

I colori RGB possono essere scritti in forma di funzione o in forma esadecimale. Per esempio, il rosso può essere rappresentato come rgb(255 0 0), rgb(100% 0% 0%), #ff0000 o #f00.

Per includere la trasparenza, aggiungere un valore alfa. Ad esempio, il rosso semitrasparente può essere rappresentato come rgb(255 0 0 / 50%) o #ff000080.

La conversione del colore RGB di DenCode supporta le seguenti opzioni di notazione.

Colore RGB (esadecimale)
Opzione di notazioneFormatoEsempio
#RRGGBB(AA)#RRGGBB
#RRGGBBAA
#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
Colore RGB
Opzione di notazioneFormatoEsempio
Numerorgb(R G B)
rgb(R G B / A)
rgb(255 0 0)
rgb(255 0 0 / 0.5)
Percentualergb(R% G% B%)
rgb(R% G% B% / A)
rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB non è una notazione colore esadecimale CSS standard, ma è un formato ARGB talvolta usato in programmi e impostazioni applicative. AA iniziale rappresenta l’alfa, seguito da RR, GG e BB per rosso, verde e blu.

sRGB e altri spazi colore RGB

RGB è un modello di colore che rappresenta i colori con tre componenti: rosso, verde e blu. Tuttavia, anche con gli stessi valori RGB, il colore reale cambia in base allo spazio colore usato per interpretarli. I comuni rgb() e #RRGGBB del web sono normalmente trattati come colori nello spazio sRGB.

CSS Color Module Level 4 definisce anche spazi colore RGB con gamme diverse da sRGB, come Display P3 e ProPhoto RGB. DenCode supporta anche la conversione di questi spazi colore.

Spazio coloreFormatoEsempioCaratteristiche
sRGBrgb(...)
color(srgb ...)
rgb(255 0 0)
color(srgb 1 0 0)
Lo spazio colore RGB comune per web e CSS. I codici esadecimali e i normali rgb() sono sostanzialmente trattati come sRGB. color(srgb ...) è un formato CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Uno spazio colore che usa la stessa gamma di sRGB, ma rappresenta i valori con componenti linearizzate. È usato per calcoli e composizioni di colore.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Uno spazio colore con gamma più ampia di sRGB, usato su display wide gamut e alcuni dispositivi mobili.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Uno spazio colore più ampio di sRGB, talvolta usato nella modifica fotografica e nei flussi orientati alla stampa.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Uno spazio RGB con gamma ancora più ampia di Adobe RGB, usato come spazio di lavoro nella modifica fotografica.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Uno spazio RGB con gamma molto ampia, usato negli standard video UHDTV e HDR.

I colori specificati in spazi RGB a gamma ampia potrebbero non essere rappresentati accuratamente su schermi sRGB o con normali codici esadecimali. Quando DenCode converte in #RRGGBB o in rgb(R G B) numerico, le componenti fuori dall’intervallo rappresentabile in sRGB sono trattate per rientrare tra 0 e 255. Scegliendo invece uno spazio come color(display-p3 ...) o color(a98-rgb ...), il colore può essere visualizzato come valori dello spazio selezionato.