HEX na RGBA

Porównaj HEX z RGBA

W większości przypadków można rozpoznać kolor po kodzie szesnastkowym, biorąc pod uwagę tylko pierwsze cyfry par. W poniższym przykładzie widać wyraźnie, że kolor jest zmieszany z dużą ilością czerwieni, odrobiną niebieskiego i wcale nie jest zielony. Zrozumienie koloru za pomocą kodu szesnastkowego pozwala projektantowi stron internetowych szybciej poruszać się po kodzie strony, a poza tym zawsze możesz zaimponować współpracownikom lub klientom, mówiąc: Ach, jaki wspaniały odcień burgunda. Możesz również łatwo zmienić jasność, odcień lub nasycenie koloru, edytując tylko jego kod szesnastkowy. W pierwszym przykładzie poniżej jedna z par zmienia się w krokach co 10%, podczas gdy jasność kolorów wzrasta. W drugim przykładzie jasność rośnie, ale nasycenie spada:

RGBA to rozszerzona wersja RGB, ale z dodatkowym wsparciem dla kanału alfa, który odpowiada za przezroczystość wypełnienia kolorem. Dla tego modelu kolorów zostały już wskazane cztery współczynniki, z których ostatni jest liczbą ułamkową z zakresu od 0, gdzie 0 oznacza pełną przezroczystość do 1, co będzie odpowiadać całkowicie nieprzezroczystemu kolorowi. System RGBA dodaje kolejną liczbę opisującą przezroczystość koloru, wartość może wynosić od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty). Wartość 0,5 sprawia, że kolor jest półprzezroczysty, rozważmy półprzezroczystą wersję ciemnego fioletu, określoną w systemie RGBA: kolor: rgba (204, 51, 255, 0,5). Widać, że wartości dla koloru czerwonego, zielonego i niebieskiego są podobne do systemu RGB. Czwarta liczba - 0,5 to stopień przezroczystości. Kolory RGBA są przydatne do tworzenia półprzezroczystych elementów, które sprawiają, że elementy znajdujące się pod nimi są widoczne.