HEX až RGBA

Porovnajte HEX s RGBA

Vo väčšine prípadov je možné rozpoznať farbu podľa hexadecimálneho kódu, berúc do úvahy iba prvé číslice párov. V nižšie uvedenom príklade je zrejmé, že farba je zmiešaná s množstvom červenej, trochu modrej a vôbec nie zelenej. Pochopenie farby pomocou hexadecimálneho kódu umožňuje webovému dizajnérovi rýchlejšie sa pohybovať v kóde stránky a okrem toho môžete vždy urobiť dojem na kolegov alebo klientov tým, že poviete Ah, aký úžasný odtieň bordovej farby. Môžete tiež ľahko zmeniť jas, odtieň alebo sýtosť farby úpravou iba jej hexadecimálneho kódu. V prvom príklade nižšie sa jeden z párov mení v 10% krokoch, pričom sa zvyšuje jas farieb. V druhom príklade jas stúpa, ale sýtosť klesá:

RGBA je rozšírená verzia RGB, ale s ďalšou podporou pre alfa kanál, ktorý je zodpovedný za priehľadnosť farebnej výplne. Pre tento farebný model sú už uvedené štyri koeficienty, z ktorých posledný je zlomkové číslo v rozsahu od 0, kde 0 je úplná priehľadnosť do 1, čo bude zodpovedať úplne nepriehľadnej farbe. Systém RGBA pridáva ďalšie číslo, ktoré popisuje priehľadnosť farby, hodnota sa môže pohybovať od 0 (úplne priehľadná) do 1 (úplne nepriehľadná). Vďaka hodnote 0,5 bude farba polopriehľadná, zvážte polopriehľadnú verziu tmavo fialovej farby špecifikovanú pomocou systému RGBA: color: rgba (204, 51, 255, 0,5). Vidíte, že hodnoty pre červenú, zelenú a modrú sú podobné systému RGB. Štvrté číslo - 0,5 je stupeň transparentnosti. Farby RGBA sú užitočné na vytváranie priesvitných prvkov, vďaka ktorým sú prvky pod nimi viditeľné.