Autor publikacji: Virtual Patriot - Administrator

czterocyfrowy zapis heksadecymalny

Data publikacji: Wrzesień 01 2017
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - the four digits rgb hexadecimal notation (LV4)

Przeznaczenie

Za pomocą czterocyfrowego zapisu heksadecymalnego (#RGBA) możemy określić wartość interesującego nas koloru.

Czterocyfrowy zapis heksadecymalny działa na podobnej zasadzie jak trzycyfrowy zapis heksadecymalny z tą różnicą, iż dodatkowo ostatni znak czterocyfrowego zapisu heksadecymalnego określa procent przezroczystości koloru.

Wyjaśnienie wzoru

            #RGBA

Przykładowe zapisy

#4A90

#F009

#1F9C

#

Składnik # jest wymaganym składnikiem wzoru #RGBA. Składnik # informuje przeglądarkę internetową, że chcemy określić wartość koloru za pomocą jednego z dostępnych zapisów heksadecymalnych.

R

Składnik R jest wymaganym składnikiem wzoru #RGBA. Składnik R określa intensywność barwy czerwonej. Im większa wartość składnika R tym intensywność barwy czerwonej nowo powstającego koloru będzie większa.

G

Składnik G jest wymaganym składnikiem wzoru #RGBA. Składnik G określa intensywność barwy zielonej. Im większa wartość składnika G tym intensywność barwy zielonej nowo powstającego koloru będzie większa.

B

Składnik B jest wymaganym składnikiem wzoru #RGBA. Składnik B określa intensywność barwy niebieskiej. Im większa wartość składnika B tym intensywność barwy niebieskiej nowo powstającego koloru będzie większa.

A

Składnik A jest wymaganym składnikiem wzoru #RGBA. Składnik A określa procent przezroczystości koloru. Im większa wartość składnika A tym przezroczystość nowo powstającego koloru będzie mniejsza.

Przykład

  background-color:#F5A7;

tło tego elementu "div" posiada nowy kolor oraz jest przezroczyste w ponad pięćdziesięciu procentach, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci czterocyfrowego zapisu heksadecymalnego "#F5A7"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      #rodzic {
        background-image:url(https://webkod.pl/files/css/obrazek-01.png);
        padding:1em;
      }

      #dziecko {
        background-color:#F5A7;
        padding:1em;
        font-size:1.3em;
      }
    </style>
  </head>

  <body>

    <div id="rodzic">
      <div id="dziecko">
        tło tego elementu "div" posiada nowy kolor oraz jest przezroczyste w ponad pięćdziesięciu procentach, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci czterocyfrowego zapisu heksadecymalnego "#F5A7"
      </div>
    </div>

  </body>
</html>

Interpretacja

: tak
: tak
: tak
: tak
: nie
: tak

Zobacz więcej informacji o interpretacji czterocyfrowego zapisu heksadecymalnego.