Barve

24 bitna barvna globina (16,7M barv)

Barve so na zaslon prikazane po sistemu žarenja treh barv (rdeče, zelene in modre). Od intenzivnosti žarenja posamezne barve je odvisen barvni odtenek. V 24 bitnem sistemu, torej sistemu v katerem vsako barvo določimo z 8 biti (3*8=24), ima vsaka barva 256 nians (2*2*2*2*2*2*2*2=256 - 28=256) od 0 - 255. Skupno imamo torej 256*256*256=16.777.216 (16,7M) različnih barv. Pri tem barva rdeča - 0, zelena - 0, modra - 0 pomeni, da nobena barva ne sveti torej dobimo črno, 255, 255, 255 pa pomeni da vse barve svetijo s polno intenzivnostjo, kar nam da belo svetlobo.

Spletna paleta - 216 barv

Zaradi različnih operacijskih sistemov, in različne strojne opreme (grafične kartice, monitorji) pa poznamo tudi spletno paleto, ki je varnejša za spletno rabo, saj nam bo izbrana barva na različnih računalnikih dala vsaj podoben rezultat. Speltna paleta zazna 6 nians rdeče, 6 nians zelene in 6 nians modre barve (6*6*6 = 216) različnih barv, prikazano v kocki 6*6.
Predstavitev "varne" spletne barvne palete.

Poimenski seznam spletnih barv - 130 barv

Barve, iz te palete se v primeru pogleda na 8-bitnem zaslonu prikažejo kot najbližje barve iz spletne palete


Na spletnih straneh lahko barve določamo različnim elementom (ozadju, besedilu, tabelam, obrobam...). Npr. barvo ozadja določimo kot atribut znački body.

Zapis bi zgledal nekako takole: <body bgcolor=#ffff00>, kar bi pomenilo rumeno ozadje.

Barve običajno označujemo na tri načine:
  1. šestnajstiško - pred barvo dodamo lojtro - #ff0000
  2. opisno - z besedo - red
  3. desetiško (podprto le v CSS-ju) - pred barvo dodamo rgb, barvo vpišemo v oklepaje - rgb(255, 0, 0)
  4. z deležem posamezne barve (podprto le v CSS-ju) - rgb(100%, 0%, 0%)

V vseh zgoraj naštetih primerih bi dobili rdečo barvo. Pa poskusimo narediti tabelo s tremi celicami, ki bodo imele različen način določanja barve, pa vendar isto barvo.

<table border>
	<tr>
		<td bgcolor=#ffff00>rumena 1</td>
		<td bgcolor="yellow">rumena 2</td>
		<td style="background-color: rgb(255, 255, 0)">rumena 3</td>
		<td style="background-color: rgb(100%, 100%, 0%)">rumena 4</td>
</table>
rumena 1 rumena 2 rumena 3 rumena 4

Uporaba barv kot atributi značkam

Značkaatributopis
<body>bgcolor=colorozadje spletne strani
<body>text=colorbarva besedila na celotni strani
<body>link=colorbarva povezave
<body> vlink=colorbarva že obiskane povezave
<body>alink=colorbarva aktivne povezave
<font>color=colorbarva besedila
<basefont>color=colorbarva določenega bloka (samo IE)
<table>bgcolor=colorbarva ozadja celotne tabele
<tr>bgcolor=colorbarva ozadja vrstice
<td>bgcolor=colorbarva ozadja celice
<th>bgcolor=colorbarva ozadja naslovne celice