Spletne barve so barve, ki se uporabljajo pri oblikovanju spletnih strani, ter načini opisovanja in navajanja teh barv. V spletnem oblikovanju so barve ključne za berljivost, vizualno hierarhijo, znamčenje in dostopnost uporabnikov. Barve se v spletu običajno podajajo z natančnimi vrednostmi, da se zagotovi enoten videz med različnimi napravami in brskalniki.
RGB in heksadecimalne kode
Barve za dele spletnih strani lahko izberete na več načinov. Barve so lahko navedene kot triplet RGB (niz treh števil) v šestnajstiški obliki (šestnajstiški triplet). V RGB modelu vsaka od treh komponent (rdeča, zelena, modra) dobi vrednost v razponu 0–255, kar pomeni 256 možnosti na kanal. Skupno to daje 256 × 256 × 256 = 16 777 216 različnih barv.
Heksadecimalna (heks) zapisa sta najpogostejši obliki v CSS: #RRGGBB in krajša oblika #RGB. Primeri:
- #000000 — črna
- #FFFFFF — bela
- #FF0000 — čista rdeča
- #00FF00 — čista zelena
- #0000FF — čista modra
rgb(255,0,0), rgba(255,0,0,0.5) (z alpha kanalom za prosojnost) ali hsl(120, 100%, 50%) za lažje delo z odtenkom, nasičenostjo in svetlostjo. Številne običajne barve lahko izberete tudi po njihovih običajnih angleških imenih (npr. red, navy, lightgray). Za ustvarjanje barvnih vrednosti se pogosto uporablja barvno orodje ali druga grafična programska oprema — barvni izbirniki, spletišča za palete in razširitve za oblikovanje pomagajo izbrati harmonične kombinacije in preveriti kontrast.
Imena barv in zgodovina
Prvi različici brskalnikov Mosaic in NetscapeNavigator sta kot osnovo za barvne sezname uporabljali imena barv X11. Tako je bilo zato, ker sta se obe začeli kot aplikaciji X Window System. Zaradi tega nekaj imen barv iz X11 še vedno najdemo v standardih za spletne barve, kar je vplivalo na zgodnji sklop imen za HTML in CSS.
sRGB in upravljanje barv
Vsaka spletna barva ima svojo definicijo sRGB. Ta se nanaša na kromatičnost posameznega fosforja, določeno krivuljo prenosa, prilagodljivo belo točko in pogoje gledanja. sRGB je standardni barvni prostor, ki je bil izbran zato, da je približno podoben značilnostim večine monitorjev in običajnih pogojev gledanja v resničnem svetu.
Ključne značilnosti sRGB:
- definirana kromatičnost primarnih barv (rdeča, zelena, modra),
- standarden transferni (gama) krivulji, ki približuje odziv človeškega vida (približno gamma 2,2),
- standardna bela točka (D65),
- namenjen je prikazu na zaslonih brez kompleksnega upravljanja barv.
Praktični nasveti za uporabo spletnih barv
- Uporabljajte sRGB kot osnovni barvni prostor za spletne vsebine, ker ga podpirajo večina naprav in brskalnikov.
- Preverjajte kontrast med besedilom in ozadjem (glede na smernice WCAG) — to izboljša berljivost in dostopnost.
- Za zamanljiv kontrol v CSS uporabljajte jasne oblike zapisa: heks (#RRGGBB), funkcije rgb()/hsl(), ali CSS spremenljivke (custom properties) za enotnost in vzdrževanje.
- Če delate z natisom ali profesionalno fotografijo, upoštevajte profilne informacije (ICC) in testirajte na ciljnih napravah.
- Uporabite barvne izbirnike in orodja za preverjanje barvnih slepih stanj ter kontrasta — to pomaga izbrati barve, ki so primerne za široko publiko.
V splošnem velja, da dobro načrtovane spletne barve povečajo uporabniško izkušnjo, doslednost blagovne znamke in dostopnost vsebine. Čeprav so podlage za barve tehnično natančno določene, je pri končnem prikazu vedno pomembno upoštevati naprave in programsko opremo, ki jih obiskovalci uporabljajo.
Ti so bili izbrani tako, da so podobni številnim monitorjem in pogojem gledanja v resničnem svetu. Tudi brez upravljanja barv so ustvarjene barve precej blizu danim vrednostim. Vendar se lahko uporabniški agenti razlikujejo v natančnosti, s katero prikazujejo barve. Boljši uporabniški agenti uporabljajo upravljanje barv za ustvarjanje boljše barvne verodostojnosti. To je pomembno za aplikacije za tiskanje iz spleta.