HEX a RGBA

Confronta HEX con RGBA

Nella maggior parte dei casi, è possibile riconoscere un colore da un codice esadecimale, tenendo conto solo delle prime cifre delle coppie. Nell'esempio seguente, è chiaro che il colore è mescolato con molto rosso, un po 'di blu e nessun verde. Capire il colore per codice esadecimale consente a un web designer di navigare nel codice della pagina più velocemente e, inoltre, puoi sempre impressionare colleghi o clienti dicendo Ah, che meravigliosa sfumatura di bordeaux. Puoi anche cambiare facilmente la luminosità, la tonalità o la saturazione di un colore modificando solo il suo codice esadecimale. Nel primo esempio di seguito, una delle coppie viene modificata con incrementi del 10%, mentre la luminosità del colore aumenta. Nel secondo esempio, la luminosità aumenta, ma la saturazione diminuisce:

RGBA è una versione estesa di RGB, ma con supporto aggiuntivo per il canale alfa, responsabile della trasparenza del riempimento colore. Per questo modello di colore sono già indicati quattro coefficienti, l'ultimo dei quali è un numero frazionario compreso tra 0, dove 0 è piena trasparenza a 1, che corrisponderà a un colore completamente opaco. Il sistema RGBA aggiunge un altro numero che descrive la trasparenza del colore, il valore può variare da 0 (completamente trasparente) a 1 (completamente opaco). Un valore di 0,5 rende il colore semitrasparente, si consideri una versione semitrasparente del viola scuro, specificato utilizzando il sistema RGBA: color: rgba (204, 51, 255, 0.5). Puoi vedere che i valori per rosso, verde e blu sono simili al sistema RGB. Il quarto numero - 0,5 è il grado di trasparenza. I colori RGBA sono utili per creare elementi traslucidi che rendono visibili gli elementi sottostanti.