Ostatnio edytowany:

sześciocyfrowy zapis heksadecymalny

Autor: Virtual Patriot

Opis

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

Wartość koloru w sześciocyfrowym zapisie heksadecymalnym reprezentowana jest przez sześć znaków z zakresu od 0 do 9 (tylko liczby całkowite) oraz z zakresu od A do F (małe litery są dozwolone). Wspomniane znaki dodatkowo poprzedzone są znakiem # (kratka/hash).

Znaki z zakresu od A do F reprezentują liczby całkowite z zakresu od 10 do 15. Łącznie do dyspozycji mamy szesnaście znaków, czyli: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, dlatego zapis heksadecymalny nazywany jest również zapisem szesnastkowym.

Pierwsze dwa znaki określają intensywność barwy czerwonej, na przykład wartość #FF0000 sprawia, że kolor jest czerwony. Kolejne dwa znaki określają intensywność barwy zielonej, na przykład wartość #00FF00 sprawia, że kolor jest zielony. Ostatnie dwa znaki określają intensywność barwy niebieskiej, na przykład wartość #0000FF sprawia, że kolor jest niebieski. Określając różne stopnie intensywności wspomnianych barw możemy otrzymywać różne kolory, na przykład: #FA9703, #55FACC, #B805FF.

Wyjaśnienie wzoru

Przykładowe zapisy

#28E9CB

#A55F19

#123FED

#

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

Wartość domyślna

brak

RR

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

Zakres wartości

0 - 9 oraz A - F

Sposób podawania

należy podać dokładnie dwa znaki z dostępnego zakresu wartości

Wartość domyślna

brak

GG

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

Zakres wartości

0 - 9 oraz A - F

Sposób podawania

należy podać dokładnie dwa znaki z dostępnego zakresu wartości

Wartość domyślna

brak

BB

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

Zakres wartości

0 - 9 oraz A - F

Sposób podawania

należy podać dokładnie dwa znaki z dostępnego zakresu wartości

Wartość domyślna

brak

Przykład

  background-color:#F57CA9;
tło tego elementu "div" posiada nowy kolor, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci sześciocyfrowego zapisu heksadecymalnego "#F57CA9"

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;
      }

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

  <body>

    <div>
      tło tego elementu "div" posiada nowy kolor, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci sześciocyfrowego zapisu heksadecymalnego "#F57CA9"
    </div>

  </body>
</html>

Interpretacja

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak