Dostosuj kolor

Dostosuj kolor dla siebie na w3schools.com - Edytor kolorów

Obsługa kolorów w CSS i HTML5

Nazwy kolorów

Specyfikacja html5 obsługuje 140 nazw kolorów (17 ze specyfikacji html, 123 ze specyfikacji CSS). Mogą to być np. DeepPink, Green, czy DarkBlue.

nazwy kolorów w css

Listę nazw kolorów możesz znaleźć między innymi TUTAJ.

Zastosowanie w kodzie

  
  <h1 style="background-color:DodgerBlue;">Witamy w kolorowym świecie</h1>

  <p style="color:Tomato;">Poczytaj o kolorach ...</p>

Efekt

Witamy w kolorowym świecie

Poczytaj o kolorach ...

Kolory RGB

W języku HTML wykorzystujemy model przestrzeni RGB. Jego nazwa powstała ze złożenia pierwszych liter angielskich nazw barw: R – red (czerwonej), G – green (zielonej) i B – blue (niebieskiej), z których model ten się składa. Jest to model wynikający z właściwości odbiorczych ludzkiego oka, w którym wrażenie widzenia dowolnej barwy można wywołać przez zmieszanie w ustalonych proporcjach trzech wiązek światła o barwie czerwonej, zielonej i niebieskiej.

Z połączenia barw RGB w dowolnych kombinacjach ilościowych można otrzymać szeroki zakres barw pochodnych, np. z połączenia barwy zielonej i czerwonej powstaje barwa żółta.

Model RGB jest szeroko wykorzystywany w urządzeniach analizujących obraz (np. aparaty cyfrowe, skanery) oraz w urządzeniach wyświetlających obraz (np. telewizory, monitory komputerowe).

rgb(R, G, B) wartość z zakresu 0 do 255

rgb(R%, G%, B%) wartość z zakresu 0% do 100% lub 0.00 do 1.00

kolory rgb

W HTML stosujemy 24-bitowy zapis kolorów (po 8 bitów na każdą z barw składowych), w którym każda z barw jest zapisana przy pomocy składowych, które przyjmują wartość z zakresu 0-255. W modelu RGB wartość 0 wszystkich składowych daje kolor czarny, natomiast 255 - kolor biały. Możliwe jest uzyskanie następującej liczby kombinacji: 256 * 256 * 256 = 16 777 216 (ponad 16 milionów).

Zastosowanie w kodzie

  
  <h1 style="background-color: rgb(123,34,255)">Witamy w kolorowym świecie</h1>

Efekt

Witamy w kolorowym świecie

Kolory RGB i przezroczystość (alfa)

kolory rgba

rgba(R, G, B, A)

Wartość dla R, G i B z zakresu 0 do 255. Procentowe wartości z zakresu 0% do 100% lub 0.00 do 1.00

Wartości dla A od 0.0 do 1.0

Szesnastkowy zapis kolorów

Heksadecymalny (szesnastkowy) zapis koloru. Oznacza to zapis koloru za pomocą 6 cyfr i liter poprzedzonych symbolem #. Na przykład ciąg znaków #FFFFFF oznacza kolor biały. Listę kodów kolorów możesz znaleźć między innymi TUTAJ . Jednak najczęściej generuje się je z wykorzystaniem edytora grafiki lub tzw. color picker, czyli internetowych generatorów kolorów. Przykładowy generator kolorów możesz znaleźć TUTAJ.

Możliwe jest uzyskanie następującej liczby kombinacji: 256 * 256 * 256 = 16 777 216 (ponad 16 milionów).

kolory szesnastkowe

Szesnastkowy zapis kolorów - forma skrócona

Przykłady:

#000 czarny, #fff biały, #f00 czerwony, #0f0 zielony, #00f niebieski

Możemy uzyskać (16*16*16) 4096 kombinacji kolorów.

Jeszcze wiecej o kolorach Color Brands