Kolory w HTML i CSS

Słownik kwalifikacji AUD.05 - Realizacja projektów graficznych i multimedialnych

Kolory na stronach WWW najczęściej określa się w CSS, np. dla tekstu, tła, obramowania lub elementów graficznych. Ten sam kolor można zapisać na kilka sposobów.

Najczęstsze sposoby zapisu

  • nazwa koloru: yellow, green, purple
  • zapis RGB: rgb(255, 255, 0)
  • zapis szesnastkowy HEX: #ffff00

W zapisie RGB podaje się trzy składowe: czerwony, zielony i niebieski. Każda wartość mieści się zwykle w zakresie od 0 do 255.

W zapisie HEX używa się sześciu znaków po znaku #:

  • pierwsze dwa znaki oznaczają czerwony,
  • kolejne dwa zielony,
  • ostatnie dwa niebieski.

Przykład:

color: yellow;
color: rgb(255, 255, 0);
color: #ffff00;

Wszystkie powyższe zapisy oznaczają kolor żółty.

Ważna pułapka egzaminacyjna

Nie każda potoczna nazwa koloru odpowiada „pełnej” wartości RGB. W CSS:

  • yellow to #ffff00, czyli rgb(255, 255, 0),
  • green to #008000, a nie rgb(0, 255, 0),
  • rgb(0, 255, 0) odpowiada nazwie lime,
  • purple to #800080, a #ff00ff to fuchsia lub magenta.

Dlatego w pytaniu poprawna jest para yellow; #ffff00.