HEX till RGBA

Jämför HEX med RGBA

I de flesta fall är det möjligt att känna igen en färg med en hexkod, med endast hänsyn till parens första siffror. I exemplet nedan är det tydligt att färgen blandas med mycket rött, lite blått och inget grönt alls. Att förstå färg med hex-kod gör att en webbdesigner kan navigera i sidkoden snabbare, och dessutom kan du alltid imponera på kollegor eller kunder genom att säga Ah, vilken underbar nyans av vinröd. Du kan också enkelt ändra ljusstyrka, nyans eller mättnad för en färg genom att endast redigera dess hexadecimala kod. I det första exemplet nedan ändras ett av paren i steg om 10%, medan färgens ljusstyrka ökar. I det andra exemplet stiger ljusstyrkan, men mättnaden sjunker:

RGBA är en utökad version av RGB, men med ytterligare stöd för alfakanalen, som är ansvarig för transparensen i färgfyllningen. För denna färgmodell anges redan fyra koefficienter, varav den sista är ett bråknummer i intervallet från 0, där 0 är full genomskinlighet till 1, vilket motsvarar en helt ogenomskinlig färg. RGBA-systemet lägger till ytterligare ett nummer som beskriver färgens transparens, värdet kan sträcka sig från 0 (helt transparent) till 1 (helt ogenomskinligt). Ett värde på 0,5 gör färgen halvtransparent, betrakta en halvtransparent version av mörklila, specificerad med RGBA-systemet: färg: rgba (204, 51, 255, 0,5). Du kan se att värdena för rött, grönt och blått liknar RGB-systemet. Den fjärde siffran - 0,5 är graden av transparens. RGBA-färger är användbara för att skapa genomskinliga element som gör elementen under dem synliga.