Žiniatinklio spalvos: apibrėžimas, RGB, šešioliktainės ir sRGB
Sužinokite viską apie žiniatinklio spalvas: apibrėžimas, RGB tripletai, šešioliktainės reikšmės ir sRGB standartas — spalvų valdymas ir tikslumas internete.
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.
Šešiaženklis tripletas
Šešiaženklis tripletas - tai šešiaženklis trijų baitų skaičius, naudojamas HTML, CSS, SVG ir kitose kompiuterių programose spalvoms žymėti. Baitai reiškia raudoną, žalią ir mėlyną spalvos dalį. Vienas baitas reiškia skaičių nuo 00 iki FF, arba nuo 0 iki 255 dešimtainėje skaičiavimo sistemoje. Tai reiškia mažiausią (0) iki didžiausio (255) kiekvienos spalvos sudedamosios dalies intensyvumą. Šešioliktainis tripletas sudaromas sujungiant tris baitus šešioliktaine išraiška tokia tvarka:
1 baitas: raudonos spalvos vertė (raudonos spalvos tipas)
2 baitas: žalios spalvos vertė (žalios spalvos tipas)
3 baitas: mėlyna vertė (mėlynos spalvos tipas)
Pavyzdžiui, panagrinėkite spalvą, kurioje raudonos, žalios ir mėlynos spalvos reikšmės yra dešimtainiai skaičiai: raudona=36, žalia=104, mėlyna=160 (pilkšvai mėlyna spalva). Dešimtainiai skaičiai 36, 104 ir 160 yra panašūs atitinkamai į skaičius 24, 68 ir A0. Šešiaženklis tripletas gaunamas sujungus 6 šešioliktainius skaitmenis, šiame pavyzdyje - 2468A0.
HTML žiniatinklio spalvos
1997 m. sukurta 16 spalvų. Vėliau buvo pridėta oranžinė spalva ir iš viso jų buvo 17. Pradinės 16 spalvų buvo vadinamojo "Windows VGA šablono" dalis, t. y. tai spalvos, kurias galima naudoti tokiems veiksmams kaip paryškinimas. []
| Spalva | Šešiaženklis | Spalva | Šešiaženklis | Spalva | Šešiaženklis | Spalva | Šešiaženklis |
| #00FFFF | #808080 | jūrų laivynas | #000080 | sidabras | #C0C0C0C0 | ||
| juoda | #000000 | #008000 | #808000 | arbatžolių spalvos | #008080 | ||
| #0000FF | #00FF00 | violetinė | #800080 | balta | #FFFFFF | ||
| #FF00FF | kaštoninės spalvos | #800000 | #FF0000 | geltona | #FFFF00 |
HTML spalva pridėta vėliau
| Spalva | Šešiaženklis |
| #FFA500 |
X11 spalvos (suformuluotos 1987 m.)
Nuo 1991 m., kai buvo išrastas pasaulinis žiniatinklis, jos vadinamos "X11 žiniatinklio spalvomis".
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Pasirinktų interneto spalvų diagrama
Šioje diagramoje pateiktos pasirinktos HTML ir X11 spalvos, taip pat pasirinktos neoficialios sutartinės žiniatinklio spalvos, kurias nuo 2002 m. sukūrė žiniatinklio dizaineriai. Įvedant kodą naudojant neoficialias spalvas, reikia nurodyti spalvos šešiaženklį kodą, o ne rašyti spalvos pavadinimą.
| · peržiūrėti · kalbėti · redaguoti Interneto spalvos (sąrašas) | |||||||||||||||
| Balta | sidabras | juoda | jūrų laivynas | dangaus mėlynumo | turkio spalvos | azure | arbatžolių spalvos | ||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| geltona | gintaras | rudos spalvos | oranžinė-raudona | kaštoninės spalvos | rožė | rožinė | violetinė | ||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| dramblio kaulo | violetinė | persikų | abrikosų | ochra | slyvos | ||||||||||
|
|
|
|
|
|
|
| |||||||||
Klausimai ir atsakymai
K: Kas yra interneto spalvos?
A: Tinklalapių spalvos - tai spalvos, naudojamos kuriant tinklalapius, ir šių spalvų aprašymo bei išvardijimo būdai.
K: Kiek skirtingų spalvų galima sukurti naudojant RGB trigubąsias spalvas?
A: RGB tripletais galima sukurti 16 777 216 skirtingų spalvų.
K: Ar yra įprastų angliškų kai kurių iš šių spalvų pavadinimų?
A: Taip, daugelį įprastų spalvų taip pat galima pasirinkti pagal jų įprastus angliškus pavadinimus.
K: Kokia programinė įranga paprastai naudojama spalvų reikšmėms kurti?
A: Dažnai spalvų vertėms kurti naudojamas spalvų įrankis arba kita grafikos programinė įranga.
K: Kuo remiantis buvo sudaryti pirminiai "Mosaic" ir "Netscape Navigator" spalvų sąrašai?
A: Pirmosiose "Mosaic" ir "Netscape Navigator" versijose kaip spalvų sąrašų pagrindas buvo naudojami X11 spalvų pavadinimai, nes jos abi buvo pradėtos naudoti kaip X Window System programos.
K: Su kuo sRGB yra susijusi, kai kalbama apie interneto spalvas?
A: Kiekviena žiniatinklio spalva turi savo apibrėžtį, sRGB, kuri susijusi su vieno fosforo rinkinio chromatiškumu, tam tikra perdavimo kreive, adaptyviuoju baltuoju tašku ir žiūrėjimo sąlygomis.
K: Kaip naudotojo agentai tiksliai rodo šias spalvas?
A.: Geresni naudotojų agentai naudoja spalvų valdymą, kad sukurtų tikslesnes spalvas, o tai yra svarbu žiniatinklio spausdinimo programoms.
Ieškoti