Nwlapcug.com


Colori RGB CSS

Web design utilizza il modello di colore RGB (rosso, verde, blu) come un modo di creare varie tonalità e sfumature da visualizzare nei browser. Questo modello combina i tre basati sulla luce colori primari, che si differenzia un po' dai colori primari rossi, gialli e blu utilizzati per creare i colori della vernice. Esadecimale e codici RGB rappresentano le due opzioni di base per l'utilizzo di valori RGB per creare colori nel codice CSS (Cascading Style Sheets).

Valori RGB in codici esadecimali

Codici colore esadecimale sono costituiti da tre coppie di numeri (esadecimali) 16-base che vanno da zero a "F" con "F" è uguale a 16. Ogni coppia di numeri rappresenta un valore di rosso, verde e blu in quell'ordine. In HTML e CSS, codici colore esadecimale sono preceduti da un simbolo di cancelletto:

0776F8

Questo codice di esempio crea un bel blu. Quando hai più di due valori in una coppia, si ottiene il valore (decimale) di 10-base di rosso, verde o blu. Il codice esadecimale nell'esempio si suddivide come segue:

0 x 7 = 7

7 x 6 = 42

F x 8 = 128

Codici esadecimali stenografia

Un altro modo per aggiungere colori in CSS usando codici esadecimali utilizza codici di tre cifre abbreviati. Stenografia è utile quando si desidera aggiungere bianco, nero o sfumature di grigio. Ad esempio, il codice esadecimale per il bianco è "#FFFFFF", mentre la relativa rappresentazione abbreviata è "#FFF". Allo stesso modo, grigi scuri come "#555555" diventano "#555".

Valori RGB utilizzando RGB)

Presentare a CSS di livello 3 (CSS3), i codici RGB () consentono di aggiungere colori per fogli di stile, senza la necessità di convertire i valori di rossi, verdi e blu in codice esadecimale. Ovunque si utilizza normalmente un codice esadecimale, è possibile sostituirlo con questo:

RGB(255,0,0)

Gamma di valori da zero a 255 di colore. Poiché il primo valore - rosso - è impostato su 255 mentre blu e verde sono impostati a zero, questo codice RGB () crea un colore rosso brillante, primario. È inoltre possibile utilizzare i valori percentuali in codici di colore RGB (): "RGB(100%,0,0)".

Valori RGB in RGBa()

Il codice di colore RGBa() aggiunge un valore aggiunto ai vostri colori: trasparenza alfa. Questo valore varia da zero a uno utilizzando i numeri decimali che uguale la percentuale di trasparenza per il colore. Ad esempio, se si desidera aggiungere un'ombra nera a un'immagine in una pagina Web e dare la trasparenza del 50 per cento di ombra, il valore di trasparenza alfa in RGBa() è 0,5:

RGBA(0,0,0,0.5)