>>Spalvų valdymas
Šešioliktainės RGB spalvų reikšmės
Spalvų aprašymo ir apdorojimo metodai skiriasi vienas nuo kito tuo, kokiam galutiniam atvaizdavimui jie skirti. Palyginkime, pavyzdžiui, poligrafijos ir kompiuterių monitorių spalvų atvaizdus. Pirmuoju atveju pagrindas yra baltas popieriaus, ant kurio vėliau užtepamos trys pagrindinės spalvos, spalva: mėlyna, violetinė ir geltona. Maišydamos tarpusavyje ir su balta popieriaus spalva skirtingomis proporcijomis, šios trys pagrindinės spalvos suteikia skirtingus spalvų atspalvius, išskyrus gryną juodą, arba visiškai nesant spalvų suteikia baltą popierių. Jei prie jų pridėsime juodos spalvos, gausime CMYK- būdas perteikti spalvą, kai norima spalva gaunama iš baltos atėmus trūkstamas spalvas.
Antruoju atveju pagrindas yra juodas monitoriaus ekrano spalva, kurios kiekviena ląstelė šviečia viena iš trijų spalvų: raudona- raudona, žalias- žalia ir mėlyna-mėlyna. Tada, visiškai nesant jokio švytėjimo, gauname grynai juodą ekrano spalvą, o bet kurią reikiamą spalvą suteikia kiekvienos iš trijų spalvų santykis. Šiuo atveju gausime RGB- Spalvų perdavimo būdas. Pirminės spalvos gali turėti reikšmes iš 0
prieš 255
, arba iš 0%
prieš 100%
, arba gali būti pateikta kaip šešioliktainė reikšmė. Žemiau esančiame paveikslėlyje galite pamatyti pirminių spalvų maišymo rezultatus.
Šešioliktainė skaičių sistema, skirtingai nei dešimtainė skaičių sistema, savo skaitmenų serijoje turi ne dešimt skaitmenų, o šešiolika – taigi ir pavadinimas. Atitinkamai, nesikartojantys dviejų skaitmenų derinių variantai gali būti tik - 256 , jei norite tęsti skaitmenų seką po to 9 laiškai nuo A prieš F, taigi eilutė atrodys taip -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Šiuo atveju spalva suteikiama trimis šešioliktainiais skaičiais, kurių kiekvienas susideda iš dviejų skaitmenų. Pirmasis skaičius lemia intensyvumą raudona spalvos, vidutinis žalias, paskutinis dalykas - mėlyna spalvos. Visi skaičiai gali turėti reikšmes nuo 00 prieš FF(nuo 0 iki 255). Pavyzdžiui: žalia spalva pateikiama kaip #00FF00, raudona - patinka #FF0000, mėlyna - patinka #0000FF, baltos spalvos #FFFFFF, visiškas nebuvimas spalvos arba juoda pateikiama kaip #000000 .
Žemiau esančioje formoje galite nustatyti bet kokias šešioliktaines reikšmes kiekvienai iš trijų spalvų ir pamatyti jų maišymo rezultatą spustelėdami išvesties lauką.
Kai kurių šešioliktainių RGB spalvų reikšmių pavyzdžiai: raudona, mėlyna ir žalia gradacijos.
peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Spalvos nurodymas su eilučių raidėmis
Kad būtų patogiau naudotis, kai kurioms spalvoms ir jų deriniams buvo suteikti pavadinimai, kuriuos atpažįsta visos naršyklės ir atsirado galimybė daugelį jų nustatyti pagal pavadinimą. Žemiau esančioje lentelėje pateikti kai kurie spalvų pavadinimai:
peržiūrėti | vardas | peržiūrėti | vardas | peržiūrėti | vardas | peržiūrėti | vardas |
Baltas | Raudona | Oranžinė | Geltona | ||||
Žalias | Mėlyna | Violetinė | Juoda | ||||
Alisa mėlyna | senovinis baltas | Aqua | akvamarinas | ||||
Azure | Smėlio spalvos | biskas | blanširuotas migdolas | ||||
Mėlyna violetinė | Ruda | Burlywood | Kariūno mėlyna | ||||
chartreuse | Šokoladas | Koralas | Rugiagėlių mėlyna | ||||
Kukurūzų šilkas | Crimson | žalsvai mėlyna | tamsiai mėlyna | ||||
Tamsiai mėlyna | tamsus auksaspalvis | tamsiai pilka | tamsiai žalia | ||||
Darkhaki | Tamsiai rausvai raudona | Tamsiai žalia | tamsiai oranžinė | ||||
Darkorchidėja | tamsiai raudona | tamsi lašiša | Tamsiai žalia | ||||
tamsiai mėlyna | tamsiai pilka | tamsus turkis | Tamsiai violetinė | ||||
Deeppink | giliai mėlynas dangus | Neryškus | gudruolis mėlynas | ||||
Ugniai atspari plyta | Gėlių balta | miškas žalias | Fuschia | ||||
Gainsboro | vaiduoklis baltas | Auksas | Aukso lazda | ||||
Pilka | Žalia geltona | Medus | ryški rausva spalva | ||||
Indijos raudona | Indigo | Dramblio kaulas | chaki | ||||
Levandos | Levandų skaistalai | Lemonchiffon | šviesiai mėlynas | ||||
šviesus koralas | šviesiai žydros spalvos | šviesiai šaltai geltona | šviesiai žalia | ||||
šviesiai pilka | Šviesiai rožinė | šviesi lašiša | Šviesiai jūros žalia | ||||
Šviesiai mėlyna | Šviesiai pilkos spalvos | šviesiai plieno mėlyna | Šviesiai geltona | ||||
kalkių | Limegreen | Linas | Magenta | ||||
kaštoninės spalvos | vidutinis akvamarinas | vidutinio mėlynumo | Vidutinė orchidėja | ||||
Vidutinė violetinė | Vidutiniškai žalios spalvos | Vidutinio plokščio mėlyna | Vidutinio pavasario žalia | ||||
vidutinio turkio | vidutinio violetinio | vidurnakčio mėlyna | mėtų kremas | ||||
miglotas | Navajobalta | karinis jūrų laivynas | seni nėriniai | ||||
Alyvuogių | Olivedrabas | oranžinė raudona | Orchidėja | ||||
palegoldenrod | Paleggreen | paleturkis | blyškiai raudonas | ||||
papajų plakinys | Persikas | Peru | Rožinis | ||||
Slyva | Mėlyna pudra | Rožinės spalvos | karališkai mėlyna | ||||
balno rudos spalvos | jūros žalumo | Jūros kriauklė | Sienna | ||||
sidabras | mėlynas dangus | Šiferio mėlyna | Slategrey | ||||
Sniegas | Springgreen | plieno mėlyna | Tan | ||||
žalsvai mėlyna | Erškėtis | pomidoras | Turkis | ||||
violetinė | Kvieciai | Whitesmoke | Geltona žalia |
Naudojant saugų spalvų rinkiklį
Deja, įjungta skirtingos platformos, naudojant skirtingus sistemos nustatymus, tinkamas spalvų atkūrimas yra problema. Reikalas tas, kad naršyklė visada bando pakoreguoti dokumento spalvų paletę sistemos nustatymai ir monitoriaus galimybes, savaime maišydami spalvas ir jas pakeičiant. Todėl kartais vartotojas mato ne visai tai, ką žiniatinklio valdytojas norėjo jam parodyti. Išeitis iš šios situacijos buvo rasta naudojant paletę, kurios kiekvieną spalvą garantuoja vienodai atvaizduojamos visos naršyklės skirtingose platformose. Šis vadinamasis garantuotas paletė, taip pat žinoma kaip saugus paletę. Šioje paletėje yra spalvų, kurių spalvų komponentai įgyja šias reikšmes: 00 ,33 ,66 ,99 , CC,FF, visais įmanomais būdais 216 jų deriniai.
peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas | peržiūrėti | kodas |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99 FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66 FF00 | 66FF33 | 33 FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33 FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399 FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699 FF | 3366FF | 0000 FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | 9999 FF | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | 3300 FF | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
9900 FF | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
HTML spalva gali būti nurodyta trimis būdais:
HTML spalvos nustatymas pagal pavadinimą
Kai kurios spalvos gali būti nurodytos pagal jų pavadinimą, naudojant spalvos pavadinimą Anglų kalba. Dažniausi raktažodžiai: juoda (juoda), balta (balta), raudona (raudona), žalia (žalia), mėlyna (mėlyna) ir kt.:
Teksto spalva – raudona
Populiariausios „Consortium“ standarto spalvos pasaulinis tinklas(anglų k. World Wide Web Consortium, W3C):
Spalva | vardas | Spalva | vardas | Spalva | vardas | Spalva | vardas |
---|---|---|---|---|---|---|---|
Juoda | Pilka | sidabras | Baltas | ||||
Geltona | kalkių | Aqua | Fuksija | ||||
Raudona | Žalias | Mėlyna | Violetinė | ||||
kaštoninės spalvos | Alyvuogių | karinis jūrų laivynas | žalsvai mėlyna |
Įvairių spalvų pavadinimų naudojimo pavyzdys:
Pavyzdys: spalvos nustatymas pagal jos pavadinimą
- Išbandykite patys"
Antraštė raudoname fone
Antraštė oranžiniame fone
Antraštė kalkiniame fone
Baltas tekstas mėlyname fone
Antraštė raudoname fone
Antraštė oranžiniame fone
Antraštė kalkiniame fone
Baltas tekstas mėlyname fone
Spalvos nustatymas naudojant RGB
Kai monitoriuje rodomos skirtingos spalvos, kaip pagrindas yra RGB paletė. Bet kokia spalva gaunama sumaišius tris pagrindines: R - raudona, G - žalia (žalia), B - mėlyna (mėlyna). Kiekvienos spalvos ryškumas nurodomas vienu baitu, todėl gali būti nuo 0 iki 255. Pavyzdžiui, RGB (255,0,0) rodoma kaip raudona, nes raudona yra nustatyta į didžiausią reikšmę (255) ir kiti yra nustatyti į 0 Taip pat galite nustatyti spalvą procentais. Kiekvienas iš parametrų nurodo atitinkamos spalvos ryškumo lygį. Pavyzdžiui: reikšmės rgb(127, 255, 127) ir rgb(50%, 100%, 50%) nustatys tą pačią vidutinio sodrumo žalią spalvą:
Pavyzdys: spalvos nurodymas naudojant RGB
- Išbandykite patys"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Nustatykite spalvą pagal šešioliktainę reikšmę
Vertybės R G B taip pat galima nurodyti naudojant šešioliktaines (HEX) spalvų reikšmes tokia forma: #RRGGBB kur RR (raudona), GG (žalia) ir BB (mėlyna) yra šešioliktainės reikšmės nuo 00 iki FF (tas pats kaip dešimtainis 0- 255) . Šešioliktainė sistema, skirtingai nei dešimtainė, yra pagrįsta, kaip rodo jos pavadinimas, skaičiumi 16. Šešioliktainėje sistemoje naudojami šie simboliai: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Čia skaičiai nuo 10 iki 15 pakeičiami lotyniškomis raidėmis. Skaičiai, didesni nei 15 šešioliktainėje sistemoje, yra dviejų simbolių sąjunga į vieną reikšmę. Pavyzdžiui, didžiausias skaičius 255 coliai dešimtainė sistema atitinka didžiausią FF reikšmę šešioliktaine. Priešingai nei dešimtainėje sistemoje, prieš šešioliktainį skaičių rašomas svaro ženklas. # , pavyzdžiui, #FF0000 pateikiamas kaip raudonas, nes raudonai nustatyta didžiausia reikšmė (FF), o likusios spalvos yra nustatytos kaip minimali vertė(00). Simboliai po maišos simbolio # galima rašyti tiek didžiosiomis, tiek mažosiomis raidėmis. Šešioliktainė sistema leidžia naudoti sutrumpintą #rgb formą, kur kiekvienas simbolis yra lygus du kartus. Taigi įrašas #f7O turėtų būti laikomas #ff7700.
Pavyzdys: spalva HEX
- Išbandykite patys"
raudona: #FF0000
žalia: #00FF00
mėlyna: #0000FF
raudona: #FF0000
žalia: #00FF00
mėlyna: #0000FF
raudona+žalia=geltona: #FFFF00
raudona+mėlyna=violetinė: #FF00FF
žalia+mėlyna=mėlyna: #00FFFF
Dažniausiai naudojamų spalvų sąrašas (pavadinimas, HEX ir RGB):
Angliškas pavadinimas | Rusiškas vardas | Pavyzdys | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarantas | burnočiai | #E52B50 | 229 | 43 | 80 | |
Gintaras | Gintaras | #FFBF00 | 255 | 191 | 0 | |
Aqua | mėlyna Žalia | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Juoda | Juoda | #000000 | 0 | 0 | 0 | |
Mėlyna | Mėlyna | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Bondi paplūdimio vanduo | #0095B6 | 0 | 149 | 182 | |
Žalvaris | Žalvaris | #B5A642 | 181 | 166 | 66 | |
Ruda | Ruda | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
tamsiai pavasario žalia | Tamsiai pavasario žalia | #177245 | 23 | 114 | 69 | |
smaragdas | smaragdas | #50C878 | 80 | 200 | 120 | |
Baklažanas | Baklažanas | #990066 | 153 | 0 | 102 | |
Fuksija | Fuksija | #FF00FF | 255 | 0 | 255 | |
Auksas | Auksas | #FFD700 | 250 | 215 | 0 | |
Pilka | Pilka | #808080 | 128 | 128 | 128 | |
Žalias | Žalias | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
kalkių | Kalkės | #CCFF00 | 204 | 255 | 0 | |
malachitas | malachitas | #0BDA51 | 11 | 218 | 81 | |
karinis jūrų laivynas | Tamsiai mėlyna | #000080 | 0 | 0 | 128 | |
Ochra | Ochra | #CC7722 | 204 | 119 | 34 | |
Alyvuogių | Alyvuogių | #808000 | 128 | 128 | 0 | |
Oranžinė | Oranžinė | #FFA500 | 255 | 165 | 0 | |
persikų | Persikas | #FFE5B4 | 255 | 229 | 180 | |
Moliūgas | Moliūgas | #FF7518 | 255 | 117 | 24 | |
Violetinė | Violetinė | #800080 | 128 | 0 | 128 | |
Raudona | Raudona | #FF0000 | 255 | 0 | 0 | |
Šafranas | Šafranas | #F4C430 | 244 | 196 | 48 | |
jūros žalia | žalia jūra | #2E8B57 | 46 | 139 | 87 | |
Pelkės žalia | Bolotny | #ACB78E | 172 | 183 | 142 | |
žalsvai mėlyna | mėlyna Žalia | #008080 | 0 | 128 | 128 | |
Ultramarinas | ultramarinas | #120A8F | 18 | 10 | 143 | |
violetinė | Violetinė | #8B00FF | 139 | 0 | 255 | |
Geltona | Geltona | #FFFF00 | 255 | 255 | 0 |
Spalvų kodai (fonas) pagal sodrumą ir atspalvį.
Vladas Merževičius
HTML spalva nurodoma vienu iš dviejų būdų: naudojant šešioliktainį kodą ir kai kurių spalvų pavadinimus. Dažniausiai naudojamas metodas yra pagrįstas šešioliktaine sistema, kaip universaliausias.
Šešioliktainės spalvos
HTML naudoja šešioliktainius skaičius spalvoms nurodyti. Šešioliktainė sistema, skirtingai nei dešimtainė sistema, kaip rodo jos pavadinimas, yra pagrįsta skaičiumi 16. Skaičiai bus tokie: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Skaičiai nuo 10 iki 15 pakeičiami lotyniškomis raidėmis. Lentelėje. 6.1 rodo dešimtainių ir šešioliktainių skaičių atitikimą.
Didesni nei 15 skaičiai šešioliktainėje sistemoje susidaro sujungus du skaičius į vieną (6.2 lentelė). Pavyzdžiui, skaičius 255 dešimtainiu būdu atitinka skaičių FF šešioliktaine.
Siekiant išvengti painiavos apibrėžiant skaičių sistemą, prieš šešioliktainį skaičių rašomas svaro ženklas #, pavyzdžiui, #aa69cc. Šiuo atveju raidė neturi reikšmės, todėl leidžiama rašyti #F0F0F0 arba #f0f0f0.
Tipiška HTML naudojama spalva yra tokia.
Čia tinklalapio fono spalva nustatyta į #FA8E47. Svaro ženklas # prieš skaičių reiškia, kad jis yra šešioliktainis. Pirmieji du skaitmenys (FA) apibrėžia raudoną spalvos komponentą, trečias–ketvirtas skaitmenys (8E) – žalią, o paskutiniai du skaitmenys (47) – mėlyną. Galutinis rezultatas yra ši spalva.
FA | + | 8E | + | 47 | = | FA8E47 |
Kiekviena iš trijų spalvų – raudonos, žalios ir mėlynos – gali turėti reikšmes nuo 00 iki FF, o tai galiausiai sudaro 256 atspalvius. Taigi, bendras spalvų skaičius gali būti 256x256x256 = 16.777.216 derinių. Spalvų modelis, pagrįstas raudonos, žalios ir mėlynos spalvos komponentais, vadinamas RGB (raudona, žalia, mėlyna; raudona, žalia, mėlyna). Šis modelis yra priedas (iš pridėti - pridėti), kuriame visų trijų komponentų pridėjimas sudaro baltą spalvą.
Kad būtų lengviau naršyti šešioliktainėmis spalvomis, atsižvelkite į kai kurias taisykles.
- Jei spalvų komponentų reikšmės yra vienodos (pavyzdžiui: #D6D6D6), bus gautas pilkas atspalvis. Kuo didesnis skaičius, tuo šviesesnė spalva, o reikšmės pasikeičia iš #000000 (juoda) į #FFFFFF (balta).
- Ryškiai raudona spalva susidaro, jei raudonas komponentas yra didžiausias (FF), o kiti komponentai nustatomi į nulį. Spalva, kurios reikšmė #FF0000, yra raudoniausias įmanomas raudonas atspalvis. Tas pats pasakytina apie žalią (#00FF00) ir mėlyną (#0000FF).
- Geltona (#FFFF00) gaunama sumaišius raudoną su žalia. Tai aiškiai matoma spalvų ratuke (6.1 pav.), kuriame pateikiamos pagrindinės spalvos (raudona, žalia, mėlyna) ir papildomos arba papildomos. Tai geltona, žalsvai mėlyna ir violetinė (taip pat vadinama purpurine). Apskritai, bet kokią spalvą galima gauti maišant šalia esančias spalvas. Taigi žalsvai mėlyna (#00FFFF) gaunama derinant mėlyną ir žalią spalvas.
Ryžiai. 6.1. Spalvų ratas
Spalvos, pagrįstos šešioliktainėmis reikšmėmis, neturi būti pasirinktos empiriškai. Tinka šiam tikslui grafikos redaktorius kurie gali dirbti su įvairių spalvų modeliais, pvz. Adobe Photoshop. Ant pav. 6.2 rodomas šios programos spalvos pasirinkimo langas, linija apjuosia gautą šešioliktainę esamos spalvos reikšmę. Galite nukopijuoti ir įklijuoti jį į savo kodą.
Ryžiai. 6.2. Spalvų parinkiklis „Photoshop“.
Interneto spalvos
Jei monitoriaus spalvų kokybę nustatote į 8 bitus (256 spalvos), ta pati spalva gali būti rodoma skirtingos naršyklės savaip. Tai susiję su grafikos atvaizdavimo būdu, kai naršyklė veikia su savo palete ir negali rodyti spalvos, kurios nėra jos paletėje. Šiuo atveju spalva pakeičiama kitų, jai artimų, spalvų, imituojančių duotąją, pikselių deriniu. Kad spalva skirtingose naršyklėse išliktų ta pati, buvo pristatyta vadinamųjų interneto spalvų paletė. Interneto spalvos yra tokios spalvos, kurių kiekvienam komponentui - raudonai, žaliai ir mėlynai - viena iš šešių reikšmių - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Šio komponento šešioliktainė reikšmė nurodyta skliausteliuose. Bendras spalvų skaičius iš visų galimų derinių duoda 6x6x6 - 216 spalvų. Žiniatinklio spalvos pavyzdys yra #33FF66.
Pagrindinė žiniatinklio spalvų savybė yra ta, kad visose naršyklėse ji rodoma vienodai. AT Šis momentas interneto spalvų aktualumas yra labai mažas dėl monitorių kokybės padidėjimo ir jų galimybių išplėtimo.
Spalvos pagal pavadinimą
Kad neprisimintumėte skaičių rinkinio, vietoj jų galite naudoti dažniausiai naudojamų spalvų pavadinimus. Lentelėje. 6.3 rodo populiarių spalvų pavadinimų pavadinimus.
Spalvos pavadinimas | Spalva | apibūdinimas | Hex vertė |
---|---|---|---|
juodas | Juoda | #000000 | |
mėlyna | Mėlyna | #0000FF | |
fuksija | Šviesiai violetinė | #FF00FF | |
pilka | Tamsiai pilka | #808080 | |
žalias | Žalias | #008000 | |
kalkių | šviesiai žalia | #00FF00 | |
kaštoninės spalvos | Tamsiai raudona | #800000 | |
karinis jūrų laivynas | Tamsiai mėlyna | #000080 | |
alyvuogių | Alyvuogių | #808000 | |
violetinė | Tamsiai violetinė | #800080 | |
raudona | Raudona | #FF0000 | |
sidabras | šviesiai pilka | #C0C0C0 | |
žalsvai mėlyna | mėlyna Žalia | #008080 | |
baltas | Baltas | #FFFFFF | |
geltona | Geltona | #FFFF00 |
Nesvarbu, kaip nurodysite spalvą – pagal pavadinimą ar naudodami šešioliktainius skaičius. Savo poveikiu šie metodai yra vienodi. 6-1 pavyzdyje parodyta, kaip nustatyti tinklalapio fono ir teksto spalvas.
6.1 pavyzdys. Fono ir teksto spalva
Teksto pavyzdys
Šiame pavyzdyje fono spalva nustatoma naudojant žymos atributą bgcolor
ir teksto spalvą per teksto atributą. Įvairovei teksto atributo reikšmė nustatoma į šešioliktainį skaičių, o bgcolor nustatytas kaip rezervuotas raktinis žodis teal .Šešioliktainiai skaičiai naudojami spalvoms nurodyti. Šešioliktainė sistema, skirtingai nei dešimtainė sistema, kaip rodo jos pavadinimas, yra pagrįsta skaičiumi 16. Skaičiai bus tokie: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Skaičiai nuo 10 iki 15 pakeičiami lotyniškomis raidėmis. Skaičiai, didesni nei 15 šešioliktainėje sistemoje, susidaro sujungiant du skaičius į vieną. Pavyzdžiui, skaičius 255 dešimtainiu būdu atitinka skaičių FF šešioliktaine. Siekiant išvengti painiavos apibrėžiant skaičių sistemą, prieš šešioliktainį skaičių rašomas maišos simbolis #, pavyzdžiui, #666999. Kiekvienos iš trijų spalvų – raudonos, žalios ir mėlynos – reikšmės gali būti nuo 00 iki FF. Taigi spalvos žymėjimas yra padalintas į tris komponentus #rrggbb, kur pirmieji du simboliai žymi raudoną spalvos komponentą, du viduriniai – žalią, o paskutiniai du – mėlyną. Leidžiama naudoti sutrumpintą formą #rgb, kur kiekvienas simbolis turi būti padvigubintas. Taigi įrašas #fe0 turėtų būti laikomas #ffee00.
pagal vardą
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Naršyklės palaiko kai kurias spalvas pagal pavadinimą. Lentelėje. 1 rodomi pavadinimai, šešioliktainis kodas, reikšmės RGB, HSL formatu ir aprašymas.
vardas | Spalva | Kodas | RGB | HSL | apibūdinimas |
---|---|---|---|---|---|
baltas | #fffff arba #ffff | rgb (255 255 255) | hsl (0,0 %, 100 %) | Baltas | |
sidabras | #c0c0c0 | rgb(192,192,192) | hsl (0,0 %, 75 %) | Pilka | |
pilka | #808080 | rgb(128 128 128) | hsl (0,0 %, 50 %) | Tamsiai pilka | |
juodas | #000000 arba #000 | rgb(0,0,0) | hsl(0,0%,0%) | Juoda | |
kaštoninės spalvos | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Tamsiai raudona | |
raudona | #ff0000 arba #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Raudona | |
oranžinė | #ffa500 | rgb(255,165,0) | hsl (38,8 100 %, 50 %) | Oranžinė | |
geltona | #ffff00 arba #ff0 | rgb(255,255,0) | hsl (60 100 %, 50 %) | Geltona | |
alyvuogių | #808000 | rgb(128,128,0) | hsl (60 100 %, 25 %) | Alyvuogių | |
kalkių | #00ff00 arba #0f0 | rgb(0,255,0) | hsl (120 100 %, 50 %) | šviesiai žalia | |
žalias | #008000 | rgb(0,128,0) | hsl (120 100 %, 25 %) | Žalias | |
aqua | #00ffff arba #0ffff | rgb(0 255 255) | hsl (180 100 %, 50 %) | Mėlyna | |
mėlyna | #0000ff arba #00f | rgb(0,0,255) | hsl (240 100 %, 50 %) | Mėlyna | |
karinis jūrų laivynas | #000080 | rgb(0,0,128) | hsl (240 100 %, 25 %) | Tamsiai mėlyna | |
žalsvai mėlyna | #008080 | rgb(0 128 128) | hsl (180 100 %, 25 %) | mėlyna Žalia | |
fuksija | #ff00ff arba #f0f | rgb(255;0,255) | hsl(300,100%,50%) | Rožinis | |
violetinė | #800080 | rgb(128,0,128) | hsl (300 100 %, 25 %) | Violetinė |
Su RGB
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Galite apibrėžti spalvą naudodami raudoną, žalią ir mėlyną reikšmes dešimtainiais skaičiais. Kiekvienas iš trijų spalvų komponentų turi reikšmę nuo 0 iki 255. Taip pat priimtina spalvą nustatyti procentais, o 100 % atitiks skaičių 255. Pirmiausia nurodykite raktažodį rgb , tada skliausteliuose, atskirtuose kableliais, nurodykite spalvų komponentus, pvz., rgb(255, 128, 128) arba rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formatas yra panašus į RGB sintaksę, tačiau apima alfa kanalą, kuris nustato elemento skaidrumą. 0 reikšmė yra visiškai skaidri, 1 yra nepermatoma, o tarpinė vertė, pvz., 0,5, yra permatoma.
RGBA yra pridėta prie CSS3, todėl CSS kodo patvirtinimas turėtų būti atliekamas pagal šią versiją. Reikėtų pažymėti, kad CSS3 standartas vis dar kuriamas ir kai kurios jo funkcijos gali keistis. Pavyzdžiui, RGB spalva, pridėta prie fono spalvos ypatybės, yra patvirtinama, o pridėta prie fono ypatybės – ne. Tuo pačiu metu naršyklės gana teisingai supranta abiejų savybių spalvą.
HSL
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
vardas HSL formatu sudarytas iš pirmųjų raidžių Hue (atspalvis), Saturate (sotumas) ir Lightness (šviesumas) derinio. Atspalvis yra spalvų rato spalvos reikšmė (1 pav.) ir nurodoma laipsniais. 0° yra raudona, 120° yra žalia, o 240° yra mėlyna. Atspalvio reikšmė gali svyruoti nuo 0 iki 359.
Ryžiai. 1. Spalvų ratas
Sodrumas yra spalvos intensyvumas, matuojamas procentais nuo 0% iki 100%. 0% reikšmė rodo, kad nėra spalvos, o pilkas atspalvis, 100% yra didžiausia sodrumo reikšmė.
Šviesumas nustato spalvos ryškumą ir nurodomas procentais nuo 0% iki 100%. Mažos reikšmės daro spalvą tamsesnę, o didelės – šviesesnę, kraštutinės 0% ir 100% reikšmės atitinka juodą ir baltą spalvą.
HSLA
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatas yra panašus į HSL sintaksę, tačiau apima alfa kanalą, kuris nustato elemento skaidrumą. 0 reikšmė yra visiškai skaidri, 1 yra nepermatoma, o tarpinė vertė, pvz., 0,5, yra permatoma.
Spalvų vertės RGBA formatai, HSL ir HSLA pridedami prie CSS3, todėl naudodami šiuos formatus patikrinkite kodo galiojimą pagal versiją.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Įspėjimas
Visi svetainėje išvardyti liūto gaudymo būdai yra teoriniai ir pagrįsti skaičiavimo metodais. Autoriai negarantuoja jūsų saugumo juos naudojant ir neprisiima jokios atsakomybės už rezultatą. Atminkite, kad liūtas yra plėšrūnas ir pavojingas gyvūnas!
Rezultatas šis pavyzdys parodyta pav. 2.
Ryžiai. 2. Spalvos tinklalapyje