Mėlyna rgb spalva. Stilių spalvas galima nurodyti įvairiais būdais: pagal šešioliktainę reikšmę, pagal pavadinimą, RGB, RGBA, HSL, HSLA formatu
Kaip žinote, spalva gali paveikti žmogaus būseną: tiek psichinę, tiek fizinę. Kasdien naršant interneto svetainėse akys įvertina milijonus spalvų ir atspalvių. Interneto dizaineris, susipažinęs su spalvų psichologija, gali manipuliuoti lankytojo nuotaika, kad pasiektų tam tikrus tikslus.
Taip yra dėl to, kad kai kurie atspalviai ramina, o kai kurie, priešingai, jaudina. Toliau kalbėsime apie tai, kaip spalva sintetinama ir atvaizduojama naudojant kompiuterines technologijas.
RGB yra spalvų modelis, vaizduojantis visų spalvų ir jų atspalvių gavimo būdą įvairiomis proporcijomis maišant tris pagrindinius komponentus, kurie yra:
- Raudona spalva ( Raudona);
- žalia spalva ( Žalias);
- mėlyna spalva ( Mėlyna).
Iš čia kilęs sutrumpintas RGB pavadinimas. Šios spalvos buvo pasirinktos kaip pagrindinės ne be priežasties: priežastis yra žmogaus akies tinklainės fiziologija ir tai, kaip ji jas suvokia:
RGB modelis šiandien išlieka populiariausias ir naudojamas spalvoms atkurti televizoriaus ekranuose ir kompiuterių monitoriai. Kadangi gamintojai savo gaminiams suteikia įvairių savybių, ji buvo sukurta 1996 m viena sistema RGB pagrindu sukurta spalvų sintezė, vadinama sRGB, kurią kartu sukūrė „Microsoft“ ir HP.
Skaitmeninis spalvų vaizdavimas
Kaip minėta anksčiau, RGB spalvos susidaro maišant pagrindines spalvas. Norint apibūdinti kiekvieno iš jų intensyvumą, buvo priimta schema, kurioje spalva vaizduojama diapazonu nuo 0 iki 255 (8 bitai), kuris šešioliktainiu žymėjimu atitinka 00-FF.
Tai yra, pagrindinės spalvos atrodys taip:
- Raudona – RGB (255,0,0);
- Žalia – RGB (0 255,0);
- Mėlyna – RGB (0,0,255);
Jei spalvos intensyvumas yra mažesnis nei 255, tada gaunami skirtingi raudonos, žalios ir mėlynos spalvos atspalviai. Toliau pateikiama jų gradacijų lentelė, taip pat kiekvieno atspalvio šešioliktainės reikšmės:
RGB spalvų lentelės
Natūralu, kad be pagrindinių spalvų gradacijų yra ir mišrių, o jų skaičius yra gana didelis. Todėl buvo sukurta RGB spalvų lentelė, kurioje pateikiami visi esami atspalviai, jų pavadinimai ir skaitiniai atvaizdai ( dešimtaine ir šešioliktaine forma).
Jį galite peržiūrėti čia. Ši lentelė labai palengvina interneto dizainerių gyvenimą, nes per kelias sekundes galite rasti reikiamą atspalvį ir sužinoti jo skaitinį vaizdą.
Saugi RGB spalvų paletė
Tačiau tam tikru momentu iškilo problemų dėl spalvų rodymo skirtingose naršyklėse, o jai išspręsti buvo sudaryta vadinamoji „saugi“ RGB spalvų paletė, kuri buvo išvesta matematiniais skaičiavimais.
Kai naršyklė negali tinkamai parodyti spalvos, ji bandys gauti kažką artimo jai, maišydama gretimas spalvas, ir greičiausiai rezultatas bus visiškai nepriimtinas:
Naudodamas RGB spalvų kodus iš šios paletės, žiniatinklio kūrėjas negali jaudintis dėl spalvų rodymo savo svetainės puslapiuose, kai žiūrima naudojant skirtingos naršyklės, įvairiose platformose ir monitoriuose. Nors šiuo metu saugių spalvų lentelė praranda savo aktualumą ( technologijų pažanga vis dar nestovi vietoje), jį naudojant galima, kaip sakoma, ramiai miegoti.
Aukso spalva RGB modelyje
Žodis „auksas“ pirmą kartą buvo pavartotas XIV amžiaus pradžioje, apibūdinant cheminio elemento, vadinamo Aurum, – aukso – spalvą. RGB modelyje aukso spalva pavaizduota šiomis skaitinėmis reikšmėmis:
- RGB (255, 215, 0) – dešimtainė sistema;
- HEX #FFD700 – šešioliktainė sistema.
Smėlio spalva RGB modelyje
Smėlio spalva užima gana reikšmingą vietą istorijoje, net jei ji nėra pati išraiškingiausia. Daugelis kultūros paminklų, ypač senovinės skulptūros, buvo pagaminti iš muilo akmens ir muilo akmens, kurie turi smėlio atspalvį. RGB modelyje smėlio spalvos skaitiniai vaizdai yra tokie.
Šiame puslapyje yra lentelė su raktiniais žodžiais, kurie gali būti naudojami spalvoms žymėti tokiomis žiniatinklio kūrėjų kalbomis kaip: HTML, CSS, JavaScript, Flash ir kt.
Senosiose koncerno WC3 specifikacijose buvo nurodyta tik 16 raktinių žodžių, kurių pagalba buvo nustatytos spalvos HTML ir CSS. Tolesnėse, modernesnėse specifikacijose buvo pridėta dar 130 raktinių žodžių, nurodančių spalvų pavadinimus. Šioje lentelėje yra spalvų pavadinimai ir šešioliktainiai bei RGB kodai, kuriuos jie atitinka.
Pagal CSS taisykles spalvų pavadinimuose didžiosios ir mažosios raidės neskiriamos. Spalvų įrašai IndianRed ir indianred yra lygiaverčiai.
Taip pat verta paminėti, kad iš 146 lentelėje pateiktų raktinių žodžių joje iš tikrųjų yra mažiau spalvų. Taip yra todėl, kad kai kurie raktiniai žodžiai nurodo tą pačią spalvą. Taigi, pavadinimai Pilka ir Pilka reiškia 50% pilkos spalvos kodą #808080, o žodis Magenta yra HTML spalvos fuksijos sinonimas, atitinkantis šešioliktainį kodą #FF00FF. Taip pat sinonimai yra žodžiai Aqua ir Cyan, jie atitinka kodą #00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML spalvos
HTML spalvos ir būdai jas nurodyti
HTML yra du būdai nurodyti spalvą:
1. Naudodami spalvos pavadinimą,
2. Naudojant RGB sistemą, kur spalvos nurodomos šešioliktainiu formatu.
Spalvos pavadinimas
vardas spalvos HTMLžymimas angliškais žodžiais, pvz., raudona arba žalia. Spalvos pavadinimas veikia kaip HTML žymos atributo reikšmė. Gėlių pavadinimų yra daug, šiame straipsnyje apžvelgsime tik pagrindinius.
Paprastai spalvai nustatyti HTML naudojami du atributai:
1. Atributas color="color_name" – teksto spalva,
2. Atributas bgcolor="color_name" – fono spalva.
Spalvos atributų naudojimo pavyzdžiai:
color="red" – priskirkite tekstui raudoną spalvą,
bgcolor="green" – fonui priskirkite žalią spalvą.
Pagrindinių HTML spalvų pavadinimų lentelė:
| Spalvos pavadinimas | Jo išvaizda | Vertimas |
|---|---|---|
| baltas | Baltas | |
| dramblio kaulo | Dramblio kaulas | |
| sidabras | sidabras | |
| pilka | Pilka | |
| juodas | Juoda | |
| kaštoninės spalvos | Maroon | |
| raudona | Raudona | |
| oranžinė | Oranžinė | |
| auksas | Auksas | |
| geltona | Geltona | |
| alyvuogių | Alyvuogių | |
| kalkių | Kalkės | |
| žalias | Žalias | |
| aqua | Jūros banga | |
| mėlyna | Mėlyna | |
| karinis jūrų laivynas | Navi | |
| žalsvai mėlyna | Turkis | |
| fuksija | Magenta | |
| violetinė | Violetinė |
Šešioliktainė skaičių sistema
Kasdieniame gyvenime naudojame dešimtainę skaičių sistemą nuo 0 iki 9. Programuotojai ir dizaineriai dažnai naudoja šešioliktainę skaičių sistemą nuo 0 iki 15, kur:
10 = A
11 = B
12 = C
13 = D
14 = E
15 = F
Beveik kiekviena mūsų regėjimui matoma spalva ir atspalvis gali būti parašytas šešioliktainėje sistemoje, pavyzdžiui, raudona raudona spalva šešioliktainėje sistemoje bus lygi ff0000
color="red" – raudona spalva, pagal pavadinimą,
color="#ff0000" – raudona spalva, šešioliktainėje skaičių sistemoje.
HTML atributo vertėje prieš šešioliktainį skaičių rašomas maišos ženklas #.
RGB
Prieš pradėdami nurodyti spalvas HTML naudodami šešioliktainę skaičių sistemą, pirmiausia turite sužinoti apie tokį dalyką kaip R G B
RGB yra žodžių R ed Green B lue (Red Green Blue) santrumpa.
HTML spalva, parašyta šešioliktaine, susideda iš trijų skaičių blokų 00 00 00, kur kiekvienas blokas yra atsakingas už vieną iš RGB spalvų, pirmasis blokas yra raudonas, antrasis - žalias, o trečias - mėlynas. Skaičiai gali svyruoti nuo 00 iki ff.
Kur, ff yra 255 dešimtainiu žymėjimu.
RGB schema:
Raudona - nuo 00 iki ff
Žalia - nuo 00 iki ff
Mėlyna – nuo 00 iki ff
Dėl to gauname šešiaženklį skaičių 000000, kur pirmieji du skaičiai yra atsakingi už raudoną spalvą, antrieji du skaičiai yra atsakingi už žalią, o treti du skaičiai yra atsakingi už mėlyną spalvą.
Jei norime gauti raudoną spalvą, tada rašome ff0000, žalia spalva 00ff00, mėlyna spalva 0000ff. Pavyzdžiui, jei norime gauti tamsiai raudoną spalvą, turime sumažinti pirmąjį skaičių bloką ir vietoj ff (kuris yra lygus 255 dešimtainėje skaičių sistemoje), parašykite, pavyzdžiui, 96 (kuris yra lygus 150 dešimtainių skaičių sistemoje).
Aiškumo dėlei pateikiame spalvų ir jų šešioliktainio kodo pavyzdžius:
Spalvų maišymas HTML
Jei nepraleidote piešimo pamokų mokykloje, tikriausiai prisimenate, kad tolygiai maišydami raudoną ir žalią, galite gauti geltoną spalvą,
Kai prie raudonos pridėsite šiek tiek žalios, galite gauti oranžinę ir pan.
Šešioliktainės ir RGB spalvos taip pat gali būti maišomos:
Eksperimentuodami su šešioliktaine skaičių sistema ir RGB, galiausiai įprasite ir galėsite pasirinkti norimą spalvą.
CSS spalvų modulyje pateikiamos išsamios reikšmės, leidžiančios autoriams apibrėžti html elementų spalvas ir neskaidrumą, taip pat spalvos savybės reikšmes.
spalvos savybė
1. Prioritetinės spalvos: spalvos savybė
Savybė nustato šrifto spalvą naudodama įvairios sistemos spalvų perteikimas. Savybė apibūdina elemento teksto turinio spalvą. Be to, jis naudojamas norint pateikti galimą netiesioginę vertę (currentColor) bet kurioms kitoms ypatybėms, kurios priima spalvų reikšmes.
Turtas paveldėtas.
2. Spalvų reikšmės
2.1. Pagrindiniai raktiniai žodžiai
Pagrindinių raktinių žodžių sąraše yra šios reikšmės:
| vardas | HEX | RGB | Spalva |
|---|---|---|---|
| juodas | #000000 | 0,0,0 | |
| sidabras | #C0C0C0 | 192,192,192 | |
| pilka | #808080 | 128,128,128 | |
| baltas | #FFFFFF | 255,255,255 | |
| kaštoninės spalvos | #800000 | 128,0,0 | |
| raudona | #FF0000 | 255,0,0 | |
| violetinė | #800080 | 128,0,128 | |
| fuksija | #FF00FF | 255,0,255 | |
| žalias | #008000 | 0,128,0 | |
| kalkių | #00FF00 | 0,255,0 | |
| alyvuogių | #808000 | 128,128,0 | |
| geltona | #FFFF00 | 255,255,0 | |
| karinis jūrų laivynas | #000080 | 0,0,128 | |
| mėlyna | #0000FF | 0,0,255 | |
| žalsvai mėlyna | #008080 | 0,128,128 | |
| aqua | #00FFFF | 0,255,255 |
Spalvų pavadinimuose didžiosios ir mažosios raidės neskiriamos.
Sintaksė
Spalva: žalsvai melsva;
2.2. Skaitmeninės spalvų reikšmės
2.2.1. RGB modelio spalvos
RGB reikšmės šešioliktainis formatas yra # ženklas, po kurio iškart seka trys arba šeši šešioliktainiai simboliai. Trijų skaitmenų RGB žymėjimas #rgb konvertuojamas į šešių skaitmenų formą #rrggbb nukopijuojant skaitmenis, o ne pridedant nulius. Pavyzdžiui, #fb0 išsiplečia į #ffbb00. Tai užtikrina, kad balta spalva #ffffff gali būti nurodyta trumpame #ffff įraše, ir pašalinamos visos priklausomybės nuo ekrano spalvų gylio.
Funkcinio žymėjimo RGB reikšmės formatas yra rgb(, po kurio pateikiamas kableliais atskirtas trijų sąrašas skaitinės reikšmės(arba trys sveikieji skaičiai, arba trys procentinės reikšmės), po kurių rašomas simbolis) . Sveikasis skaičius 255 atitinka 100 %, o F arba FF šešioliktaine tvarka:
Rgb(255 255 255) = rgb (100%, 100%, 100%) = #FFF
Tarpo simboliai leidžiami aplink skaitines reikšmes.
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, balta, raudona, žalia, mėlyna ir kt.:
Teksto spalva – raudona
Populiariausios World Wide Web Consortium (W3C) standarto spalvos:
| Spalva | vardas | Spalva | vardas | Spalva | vardas | Spalva | vardas |
|---|---|---|---|---|---|---|---|
| Juoda | Pilka | sidabras | Baltas | ||||
| Geltona | Kalkės | Aqua | Fuksija | ||||
| Raudona | Žalias | Mėlyna | Violetinė | ||||
| Maroon | Alyvuogių | karinis jūrų laivynas | žalsvai mėlyna |
Įvairių spalvų pavadinimų naudojimo pavyzdys:
Pavyzdys: nurodant spalvą 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 naudojama RGB paletė. Bet kokia spalva gaunama sumaišius tris pagrindines: R - raudona, G - žalia, B - mėlyna. Kiekvienos spalvos ryškumas nurodomas vienu baitu, todėl reikšmės gali būti nuo 0 iki 255. Pavyzdžiui, RGB(255,0,0) rodoma raudona spalva, nes raudona spalva yra didžiausia (255) ir likusi dalis nustatyta į 0. Taip pat galite nustatyti spalvą procentais. Kiekvienas parametras nurodo atitinkamos spalvos ryškumo lygį. Pavyzdžiui: reikšmės rgb(127, 255, 127) ir rgb(50%, 100%, 50%) nustatys tą pačią vidutinę žalią spalvą:
Pavyzdys: spalvos nustatymas 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 ženklai: 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, pateikiami sujungiant du simbolius į vieną reikšmę. Pavyzdžiui, didžiausias skaičius 255 dešimtainėje sistemoje atitinka didžiausią FF reikšmę šešioliktaine. Priešingai nei dešimtainėje sistemoje, prieš šešioliktainį skaičių rašomas maišos simbolis. # , pavyzdžiui, #FF0000 rodoma kaip raudona, nes raudonai nustatyta didžiausia reikšmė (FF), o likusioms spalvoms nustatyta mažiausia reikšmė (00). Ženklai po maišos simboliu # Galite rašyti tiek didžiosiomis, tiek mažosiomis raidėmis. Šešioliktainė sistema leidžia naudoti sutrumpintą formą #rgb, kur kiekvienas simbolis yra lygus dvigubam. Taigi įrašas #f7O turėtų būti laikomas #ff7700.
Pavyzdys: HEX spalva
- 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 pavadinimas | Pavyzdys | HEX | RGB | ||
|---|---|---|---|---|---|---|
| Amarantas | Amarantas | #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 | |
| Kalkės | Kalkės | #CCFF00 | 204 | 255 | 0 | |
| malachitas | malachitas | #0BDA51 | 11 | 218 | 81 | |
| karinis jūrų laivynas | Tamsiai mėlyna | #000080 | 0 | 0 | 128 | |
| Ohre | Ochra | #CC7722 | 204 | 119 | 34 | |
| Alyvuogių | Alyvuogių | #808000 | 128 | 128 | 0 | |
| Oranžinė | Oranžinė | #FFA500 | 255 | 165 | 0 | |
| Persikas | 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į.
