Tinklalapių spalvos - tai spalvos, naudojamos kuriant tinklalapius, ir šių spalvų aprašymo bei sąrašo sudarymo būdai. Spalvos tinklapyje nurodomos taip, kad naršyklės ir kiti naudotojo agentai galėtų vienareikšmiškai jas atvaizduoti arba tinkamai konvertuoti į prietaiso spalvų erdves.

RGB ir šešioliktainiai formatai

Dažniausiai žiniatinklyje naudojamas spalvų modelis yra RGB — spalvos sudaromos iš trijų komponentų: raudonos (R), žalios (G) ir mėlynos (B). Spalvas galima pateikti kaip RGB tripletą (trijų skaičių rinkinį) arba kaip šešioliktainių skaičių formatu (šešiaženklis tripletas). Pavyzdžiai:

  • šešioliktainis: #RRGGBB (pvz., #ff0000 — gryna raudona); trumpinys #RGB (pvz., #f00);
  • funkcija CSS sintaksėje: rgb(255, 0, 0) arba rgba(255, 0, 0, 0.5) — alfa kanalo palaikymas skaidrumui;
  • kitais formatais: hsl(120, 100%, 50%) — spalvos aprašymas pagal atspalvį, sodrumą ir šviesumą.

24 bitų RGB tripletas leidžia užkoduoti 16 777 216 skirtingų spalvų. Be to, egzistuoja greitai pasiekiami vardiniai pavadinimai (pvz., „red“, „blue“), kuriuos palaiko naršyklės.

Pavadinimai, istorija ir X11 spalvos

Dažnai spalvų sąrašams kūrti naudojami įrankiai, grafikos programos arba standartizuoti vardiniai pavadinimai. Pirmosiose "Mosaic" ir "NetscapeNavigator" versijose kaip spalvų sąrašų pagrindas buvo naudojami X11 spalvų pavadinimai. Taip buvo todėl, kad jos abi buvo pradėtos naudoti kaip X langų sistemos programos. Vėliau daug vardinių pavadinimų perėmė web standartuose ir naršyklėse, todėl daugelis įprastų spalvų yra pasirinktos pagal jų angliškus pavadinimus.

sRGB ir spalvų valdymas

Kiekviena žiniatinklio spalva turi savo apibrėžtį — daug kartų nurodoma kaip sRGB. Tai apima tris svarbius elementus:

  • primaries (spalvų pagrindus) — tam tikrų fosforo rinkinio chromatiškumą ar jų atitikmenis;
  • transfer function (perdavimo kreivę), kuri apibrėžia, kaip skaitinės reikšmės verčiamos į suvokiamą šviesumą (sRGB naudoja specifišką, iš dalies gamma panašią kreivę);
  • adaptuojamąjį baltą tašką — sRGB naudoja D65 (apie 6500 K) kaip baltos spalvos atitikmenį.

Tokios parinktys pasirinktos, kad spalvos būtų artimos daugeliui vartotojų monitorių ir tipinėms žiūrėjimo sąlygoms. Todėl net jei nėra aktyviai naudojamas spalvų valdymas, dauguma naršyklių rodo spalvas gana artimai nurodytoms reikšmėms.

Tačiau realybė sudėtingesnė: skirtingi ekranai turi skirtingą spalvų gamą (gamut), skirtingą gammą ir baltos taško nustatymus. Kai kurie aukštos klasės ekranai palaiko platesnį spalvų spektrą (pvz., Adobe RGB, DCI-P3), todėl norint išlaikyti tikslumą reikia spalvų valdymo. Geresni naudotojų agentai (naršyklės) naudoja ICC profilius ir kitaip valdo spalvų konversijas, kad pasiektų spalvų ištikimumą. Tai ypač svarbu spausdinimui, profesionaliai grafikai bei nuotraukų rodymui internete.

Praktiniai patarimai kūrėjams

  • Visada, kai įmanoma, dirbkite su sRGB atvaizdais arba įterpkite teisingą ICC profilį į paveikslėlius, kad naršyklė žinotų, kaip juos konvertuoti.
  • Naudokite CSS formatus, kurie atitinka poreikius: rgba() — kai reikalingas skaidrumas; hsl() — patogus variantas derinant niuansus ir šviesumą.
  • Jei naudojate plačiagamius (wide-gamut) spalvų formatus, patikrinkite naršyklių palaikymą ir numatykite, kaip elgtis su naršyklėmis, kurios jų nepalaiko.
  • Venkite priklausymo nuo „web-safe“ paletės — ši istorinė sąvoka dabar nebėra reikšminga daugumai vartotojų, turinčių 24 bitų ar daugiau ekranus.
  • Spalvų kūrimui naudokite patikimus įrankius (spalvų pasirinkėjus, eyedropperius) arba grafikos programinę įrangą, kuri leidžia dirbti su spalvų profiliais.

Prieinamumas ir kontrastas

Spalvų pasirinkimas turi būti ne tik estetiškas, bet ir prieinamas. Vadovaukitės gairėmis dėl teksto ir fono kontrasto (pvz., WCAG rekomenduoja mažiausią kontrasto santykį 4.5:1 įprastam tekstui), kad užtikrintumėte gerą įskaitomumą visiems vartotojams. Tam yra įvairių kontrasto tikrinimo įrankių.

Santrauka

Žiniatinklio spalvos apibrėžiamos naudojant RGB modelį, dažniausiai užkoduojamos šešioliktainiais tripletais arba RGB/HSL funkcijomis, o standartas sRGB nurodo, kaip tas reikšmes interpretuoti. Istoriškai panaudoti X11 spalvų pavadinimai išliko kaip vardinės spalvos, bet šiandien svarbu suprasti spalvų valdymą, profilį D65 ir tai, kaip naršyklės bei įrenginiai konvertuoja spalvas, kad atvaizdavimas būtų tikslus ir prieinamas.