Računalniške igre so eden najbolj priljubljenih načinov preživljanja prostega časa. Ko se potopimo v svet video igre, pozabimo na resnične težave in težave, se sprostimo in zabavamo. In če je to spletna igra ali igra v načinu za več igralcev, potem je njena glavna prednost ta, da lahko tukaj srečate veliko ljudi z vsega sveta in najdete ne samo enako misleče ljudi, ampak tudi najboljše prijatelje. Želite vedeti, kako lahko nastavitve igre, vse do barve v MTA, vplivajo na vaše interakcije z drugimi igralci? Berite dalje!

Značilnosti načina za več igralcev

Ste se kdaj vprašali: kako prilagoditi barve v MTA ali kateri drugi igri? Nihče od ljudi, ki je kdaj imel priložnost igrati spletno igro z velikim številom igralcev, ne bo zanikal, da se želi pokazati v najboljši luči pred drugimi. Lahko se pohvalite s posebnimi, dragimi stvarmi svojega lika, izstopate v svojem poznavanju igralne terminologije ali preprosto prilagodite vmesnik svoje igre, tako da deluje bolje kot vmesnik neizkušenih igralcev.

Barve v "MTA" - kaj morate vedeti?

Če govorimo o eni od različic večigralskega načina igre "GTA: San Andreas", "MTA", potem barva igra tukaj zelo pomembno vlogo. Sposobnost prilagajanja barve vašega vzdevka v MTA je ena najboljših veščin, ki bi jih moral osvojiti vsak začetni igralec.

Torej, da nastavite barvo svojega vzdevka, pojdite v aplikacijo "MTA: SA" in kliknite možnost Nastavitve, nato izberite svoje ime in nato tik pred njim vnesite kodo želene barve. V "MTA" je velika paleta barv za vzdevke. V članku smo vključili vzorčne palete, med katerimi lahko izberete odtenek, ki vam je všeč.

Zdaj veste, kako lahko izstopate in naredite svoj vzdevek drugačen od vzdevkov začetnikov in neizkušenih igralcev. Svetel, razlikoval vas bo od običajnih igralcev in pritegnil več pozornosti na vas. Uživajte v igri!

Na spletni strani žal še ni mogoče prikazati občutkov okusa. Toda to je mogoče v celoti nadomestiti s pomočjo barv. Navsezadnje vam barve html omogočajo prikaz katerega koli od milijonov odtenkov. torej " barvni svinčniki V njegovem nizu jih je veliko več kot sedem.

Barvna shema v html

V html lahko barvo podate v več oblikah:

1. Kot šestnajstiška vrednost – uporablja se koda, navedena v šestnajstiškem številskem sistemu. Takšne barvne kode v html so sestavljene iz treh parov šestnajstiških števil. Vsak par je odgovoren za nasičenost odtenka s svojo primarno barvo:

• Prvi številski par je odgovoren za rdečo barvo;
• Drugi par je za vsebino zelene barve;
• Slednji je zaradi svoje modre vsebine.

Na začetku kode (pred številkami) je postavljena zrnca. To je šestnajstiška koda barve. Poleg številk od 1 do 9 ta številski sistem uporablja črke latinske abecede (A, B, C, D, E, F).

Na primer, koda bele barve v html bo videti kot #FFFFFF:

2. Ključna beseda - HTML trenutno podpira približno 147 ključnih besed. Vendar niso vse te besede edinstvene. Nekateri od njih se nanašajo na isti barvni odtenek.

Sivo barvo predstavljata dve ključni besedi: siva in siva. Njihova šestnajstiška koda (HEX) je podana z isto vrednostjo #808080.

primer:

#808080

3. V formatu RGB - to barvno kodiranje v html temelji na uporabi treh vrednosti, nastavljenih v območju od 0 do 255. Vsaka od njih določa nasičenost odtenka z eno od osnovnih barv:

• R – rdeča (rdeča);
• G – zelena (zelena);
• B – modra (modra).

Barvna številka v formatu RGB je zapisana v obliki: rgb(0, 210, 100).

barva-ozadje:rgb(100,186,43)

4. V formatu RGBA - gre za izboljšan format RGB, kjer četrta vrednost podaja prosojnost barve kot decimalni ulomek od 0 do 1.

Primer uporabe:

barva-ozadje:rgba(100,86,143,0.2)

barva-ozadje:rgba(100,86,143,0.5)

barva-ozadje:rgba(100,86,143,0.8)

barva-ozadje:rgba(100,86,143,1)

HTML barvne tabele in barvni generatorji

Pri tako široki paleti formatov barvnih nastavitev se zlahka zmedete. Zato je bila izumljena posebna barvna tabela. Ponuja 147 ključnih imen barvnih odtenkov s kodami skladnosti v vseh glavnih barvnih standardih. Poleg tega je vsako polje opremljeno z vrstico za vizualno izbiro barv. Ena od teh tabel je predstavljena na spletnem mestu colorscheme.ru:

Toda tudi s tem strukturiranjem ujemanja je lahko izbira pravega odtenka težka. In ni dejstvo, da bo tabela barvnih kod vsebovala tisto, ki jo potrebujete.

Da bi obšli to oviro in čim bolj olajšali izbiro pravega odtenka, so razvili interaktivne spletne storitve. Njihov uporabniški vmesnik se lahko med seboj nekoliko razlikuje.

Na spletni strani html-color-codes.info barvni generator izgleda takole:

In znotraj storitve color-picker.appsmaster.co je to orodje implementirano nekoliko drugače:

Nasičenost vsake barve v generatorju se nastavi s posebnimi drsniki. Vizualno je senčilo prikazano z barvo okvirja in pravokotnika na levi strani. Na dnu 3 polja prikazujejo barvno kodo v osnovnih formatih.

Toda barvni generator ni na voljo samo na specializiranih spletnih mestih. Skoraj vsi grafični urejevalniki so opremljeni s podobnim orodjem. Na primer Photoshop:

Varnostni ukrepi pri delu z barvo

In to je bilo dolgo nazaj, v dobi video kartic, ki so podpirale samo 256 barv. V tistih daljnih časih so lahko operacijski sistemi prikazali le določeno število osembitnih odtenkov brez popačenja.

Nato je bila razvita odlična tabela varnih barv. Določil je 216 odtenkov, ki jih je bilo mogoče brez popačenj prikazati v katerem koli brskalniku tistega časa. In do danes ta " odličen rokopis» je še vedno na voljo na nekaterih virih:

Dandanes se je vse spremenilo. Zato so vsa varnostna pravila pri delu z barvo v html popolnoma preklicana. Navsezadnje sodobna računalniška strojna oprema podpira več kot 16 milijonov različnih odtenkov. In 216 varnih barv je potonilo v pozabo.

Te podatke v celoti potrjuje statistika. Sodeč po tem ima leta 2014 le 0,5 % uporabnikov računalnike, ki podpirajo samo 256 odtenkov.

Osnove barvne harmonije

Nismo vsi obdarjeni z naravnim harmoničnim čutom za okus. Zato je lahko izbira prave barve pravi izziv. Ampak, hvala znanosti, uspelo ji je celo opisati barvno harmonijo v obliki več shem. Vsi temeljijo na uporabi barvnega kroga. Sheme za harmonično izbiro barv v html:

• Vzporedna barvna shema - ko sta oba odtenka v barvnem krogu vzporedna;
• Triadna shema - vsi vogali trikotnika temeljijo na eni od barv;
• Enobarvno - ko je izbranih več bližnjih odtenkov iste barve;
• Analog je naprednejša različica monokromatskega vezja. V tem primeru se odtenki iste barve nahajajo na določeni razdalji.

Izvedba vseh teh shem je dobro predstavljena v okviru storitve paletton.com. Omogoča enostavno izbiro harmonične barve.

V HTML lahko barvo podate na tri načine:

Nastavitev barve v HTML z njenim imenom

Nekatere barve je mogoče določiti z imenom, pri čemer kot vrednost uporabite ime barve v angleščini. Najpogostejše ključne besede: črna, bela, rdeča, zelena, modra itd.:

Barva besedila – rdeča

Najbolj priljubljene barve standarda World Wide Web Consortium (W3C):

barva	Ime	barva	Ime	barva	Ime	barva	Ime
	Črna		siva		Srebrna		Bela
	Rumena		Apno		Aqua		Fuksija
	Rdeča		zelena		Modra		Vijolična
	Maroon		olivno		Mornarica		Teal

Primer uporabe različnih imen barv:

Primer: določanje barve z njenim imenom

• Poskusite sami »

Glava na rdečem ozadju

Glava na oranžnem ozadju

Naslov na ozadju limete

Belo besedilo na modrem ozadju

Glava na rdečem ozadju

Glava na oranžnem ozadju

Naslov na ozadju limete

Belo besedilo na modrem ozadju

Določanje barve z uporabo RGB

Pri prikazu različnih barv na monitorju se kot osnova uporablja paleta RGB. Vsako barvo dobimo z mešanjem treh osnovnih: R - rdeča, G - zelena, B - modra. Svetlost vsake barve je podana z enim bajtom in zato lahko zavzame vrednosti od 0 do 255. Na primer, RGB(255,0,0) je prikazan kot rdeča, ker je rdeča nastavljena na najvišjo vrednost (255) in ostali so nastavljeni na 0 Barvo lahko nastavite tudi kot odstotek. Vsak parameter označuje raven svetlosti ustrezne barve. Na primer: vrednosti rgb (127, 255, 127) in rgb (50%, 100%, 50%) bodo nastavile enako zeleno barvo srednje nasičenosti:

Primer: Določanje barve z uporabo RGB

• Poskusite sami »

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

Nastavite barvo s šestnajstiško vrednostjo

Vrednote R G B lahko podate tudi s šestnajstiškimi (HEX) barvnimi vrednostmi v obliki: #RRGGBB, kjer so RR (rdeča), GG (zelena) in BB (modra) šestnajstiške vrednosti od 00 do FF (enako kot decimalne 0-255 ) . Šestnajstiški sistem za razliko od desetiškega temelji, kot že ime pove, na številu 16. Šestnajstiški sistem uporablja naslednje znake: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tukaj so številke od 10 do 15 nadomeščene z latiničnimi črkami. Števila, večja od 15, so v šestnajstiškem sistemu predstavljena z združitvijo dveh znakov v eno vrednost. Na primer, najvišje število 255 v decimalnem zapisu ustreza najvišji vrednosti FF v šestnajstiškem zapisu. Za razliko od decimalnega sistema je pred šestnajstiškim številom simbol zgoščenke. # , na primer, #FF0000 je prikazana kot rdeča, ker je rdeča nastavljena na najvišjo vrednost (FF), ostale barve pa na najmanjšo vrednost (00). Znaki za simbolom zgoščenke # Vnašate lahko tako velike kot male črke. Šestnajstiški sistem omogoča uporabo skrajšane oblike #rgb, kjer je vsak znak enak dvojini. Zato je treba vnos #f7O obravnavati kot #ff7700.

Primer: HEX barva

• Poskusite sami »

rdeča: #FF0000

zelena: #00FF00

modra: #0000FF

rdeča: #FF0000

zelena: #00FF00

modra: #0000FF

rdeča+zelena=rumena: #FFFF00

rdeča+modra=vijolična: #FF00FF

zelena+modra=cian: #00FFFF

Seznam običajnih barv (ime, HEX in RGB):

angleško ime	rusko ime	Vzorec	HEX	RGB
Amarant	Amarant		#E52B50	229	43	80
Jantar	Jantar		#FFBF00	255	191	0
Aqua	Modro-zelena		#00FFFF	0	255	255
Azurno	Azurno		#007FFF	0	127	255
Črna	Črna		#000000	0	0	0
Modra	Modra		#0000FF	0	0	255
Bondi modra	Voda na plaži Bondi		#0095B6	0	149	182
Medenina	Medenina		#B5A642	181	166	66
Rjava	Rjava		#964B00	150	75	0
Cerulean	Azurno		#007BA7	0	123	167
Temno pomladno zelena	Temno pomladno zelena		#177245	23	114	69
Emerald	Emerald		#50C878	80	200	120
Jajčevec	Jajčevec		#990066	153	0	102
Fuksija	Fuksija		#FF00FF	255	0	255
zlato	zlato		#FFD700	250	215	0
siva	siva		#808080	128	128	128
zelena	zelena		#00FF00	0	255	0
Indigo	Indigo		#4B0082	75	0	130
Žad	Žad		#00A86B	0	168	107
Apno	Apno		#CCFF00	204	255	0
Malahit	Malahit		#0BDA51	11	218	81
Mornarica	Temno modra		#000080	0	0	128
Oker	Oker		#CC7722	204	119	34
olivno	olivno		#808000	128	128	0
Oranžna	Oranžna		#FFA500	255	165	0
breskev	breskev		#FFE5B4	255	229	180
Buča	Buča		#FF7518	255	117	24
Vijolična	Vijolična		#800080	128	0	128
Rdeča	Rdeča		#FF0000	255	0	0
Žafran	Žafran		#F4C430	244	196	48
morsko zelena	Zeleno morje		#2E8B57	46	139	87
Močvirsko zelena	Bolotny		#ACB78E	172	183	142
Teal	Modro-zelena		#008080	0	128	128
Ultramarin	Ultramarin		#120A8F	18	10	143
Vijolična	Vijolična		#8B00FF	139	0	255
Rumena	Rumena		#FFFF00	255	255	0

Barvne kode (ozadje) z nasičenostjo in odtenkom.

CSS se ne razume). Zato mora bodoči spletni skrbnik preprosto študirati orodja HTML, ki vam omogočajo spreminjanje barve, na primer za izdelavo svetlih in barvitih e-novic, ki bodo pritegnile pozornost ciljne publike spletnega mesta.

Ta objava je precej dolga, vendar boste iz nje izvedeli vse tehnične značilnosti dela z barvami s pomočjo HTML. Posnetek bomo začeli z razumevanjem vprašanja: zakaj moramo določene elemente HTML strani poudariti z barvo? Nato bomo govorili o modelu RGB, ki omogoča nastavitev barv v HTML s posebnimi kodami (vmes si bomo ogledali decimalne barvne kode in šestnajstiške barvne vrednosti HTML). Tudi iz te objave boste izvedeli več o barvni paleti in tudi razumeli, zakaj v HTML-ju ni palete. In na koncu te publikacije bo primeri spreminjanja barve ozadja, besedila in povezav.

Uporaba barv v HTML

Spletne strani bi bile dolgočasne in nezanimive brez slik, o čemer smo prej in zelo podrobno govorili. Toda slike imajo eno pomembno pomanjkljivost: vsaka slika je dodatna in s tem dodatno obremenitev gostovanja.

Rad bi omenil, da za oblikovanje svojega bloga WordPress nisem uporabil ene same slike; postavitev je bila v celoti zasnovana z uporabo barv. Enako Danes bomo govorili o barvah v HTML. Barve v HTML se uporabljajo za različne namene, na primer lahko oblikujemo postavitve spletnih strani tako, da določene elemente poudarimo z eno ali drugo barvo.

Z barvo lahko usmerimo pozornost obiskovalcev na določeno besedilo ali blok spletnega mesta. Upoštevajte, da je določena tudi z barvo na način, da lahko uporabnik razume: na katero povezavo je že kliknil, katere povezave še ni obiskal in na kateri HTML strani se trenutno nahaja.

Bodite previdni uporaba barv za oblikovanje dokumentov HTML, ne gredo vse barve skupaj in ne bo vsaka barva všeč obiskovalcem vaše spletne strani. Toda bolje je, da o teh podrobnostih vprašate spletne oblikovalce; ta članek vam bo pomagal razumeti tehnične lastnosti, ki vam omogočajo nadzor nad barvo elementov strani HTML.

Vendar ne smete pozabiti, da je treba dizajn ločiti od vsebine, zato je bolje uporabiti CSS za manipulacijo barv na HTML straneh, a o tem bomo govorili v drugi objavi. Zdaj bomo videli Katera orodja ima HTML za nadzor barv na straneh spletnega mesta?.

V IT industriji obstaja veliko barvnih modelov za barvno manipulacijo. Najpogosteje uporabljen model barvne predstavitve je model RGB. Tukaj bomo govorili o nekaterih funkcijah tega modela, za podrobnejši uvod v RGB pa bo na voljo posebna publikacija. Spodaj boste našli seznam barvnih modelov, ki se uporabljajo v IT (ne samo HTML in CSS):

1. RGB model. Ta model je postal zelo razširjen in je morda eden najbolj priročnih in pogostih načinov za spreminjanje barve elementov HTML.
2. Model RGBA. Ta model je zelo podoben modelu RGB, vendar vključuje alfa kanal za barvo. Posebnost modela RGBA je, da omogoča prilagajanje ne le barva elementa HTML, ampak tudi njegova prosojnost zaradi prisotnosti alfa kanala. Model RGBA je bil dodan v CSS3 in ga starejši brskalniki ne podpirajo.
3. Model HSL. Posebnost modela HSL je v tem, da barvo nastavimo z njegovimi parametri: odtenkom, ravnostjo in svetlobo. Ta model je nekoliko težje razumeti kot model RGB.
4. Model HSLA. Ta model je zelo podoben modelu HSL, vendar tako kot model RGBA omogoča delo z barvnim kanalom alfa, tako da lahko z uporabo HSLA nastavimo ne samo barvo elementa HTML na strani, ampak tudi njegovo prosojnost. .
5. Model HSV (HSB). Tega modela ne smemo zamenjevati z modelom HSL. Upoštevajte, da je mogoče prve štiri modele uporabiti v HTML ali CSS za oblikovanje spletnih strani, model HSV pa ne. HSV je zasnoval eden od ustanoviteljev Pixarja leta 1978 in je zelo podoben HSL.
6. Model CMY ali CMYK. Ta model se uporablja v vseh barvnih tiskalnikih za tisk. Model CMYK temelji na pravilu, da se tiska na bele liste papirja. Vsako barvo CMYK dobimo z mešanjem Cyan (bledo modra, turkizna), Magenta (magenta) in rumene barve. Vsaka barva v modelu CMY ima lastnost motnosti (količina črnila), merjeno v odstotkih. Toda model CMYK poleg naštetih treh barv uporablja tudi črno.

Vsi zgoraj navedeni barvni modeli so odvisni od strojne opreme, to je, če nastavite barvo elementa HTML z uporabo modela RGB ali HSL, potem je nemogoče z gotovostjo trditi, kakšen natančen odtenek barve bo videl obiskovalec vaše strani, saj so monitorji vseh uporabnikov različni in različno prenašajo barve. Upoštevajte tudi, da vsi zgoraj navedeni modeli temeljijo na modelu RGB in da je katero koli barvo, določeno v katerem koli od modelov (razen HSLA in RGBA zaradi prisotnosti alfa kanala), mogoče pretvoriti v RGB.

Če govorimo o strojno neodvisnih modelih prenosa barv, potem je vredno omeniti model LAB. Tako smo si vzeli malo odmora od dela z barvami v HTML in se seznanili z nekaterimi barvnimi modeli. Upoštevajte, da brskalniki »razumejo« samo prve štiri modele: HSL, RGB, HSLA in RGBA. Zato lahko s temi modeli nadzorujemo samo barvo elementov HTML.

Kako se oblikuje barva elementa HTML: nekatere značilnosti modela RGB

Ugotovimo kako se oblikuje barva elementa HTML in z nekaterimi funkcijami modela RGB. Upoštevajte, da bomo o modelu RGB, pa tudi o drugih modelih, ki se uporabljajo za oblikovanje spletnih strani, govorili nekoliko kasneje v ločenih prispevkih.

Torej, model RGB pomeni rdeča, zelena, modra. Model RGB temelji na principu aditivnosti. To načelo je, da se za pridobitev katere koli barve črni doda barva. Za boljše razumevanje si predstavljajte, da je vaš zaslon črna stena in imate tri reflektorje: prvi sveti rdeče, drugi sveti zeleno in tretji sveti modro. Svetlost vsakega reflektorja lahko prilagodite z ravnilom s številkami od 0 do 255. Če torej reflektor nastavite na nič, se izklopi in ne sveti; če je vrednost 255, potem reflektor ustvari najsvetlejšo možno barvo .

Tako se izkaže, da če na isto točko osvetlite rdeči in zeleni reflektor, boste na črni steni opazili rumeno liso. Če kombinirate rdečo in modro, dobite vijolično, če kombinirate zeleno in modro, pa bo svetlobna točka na črni steni Cyan, če pa vse tri reflektorje usmerite v eno točko, bo svetlobna točka bela.

Zgoraj opisano načelo je osnova modela RGB in se uporablja za manipulacijo barv v elementih HTML na strani v brskalniku.

HTML atributi za spreminjanje barve elementov: barva ozadja elementa in barva besedila znotraj elementa

Uporablja se za unikatnost elementov strani. Z uporabo atributov HTML lahko manipuliramo z barvo elementov:

1. Barva atributa HTML. Ta atribut vam omogoča spreminjanje barve besedila znotraj elementa HTML. Atribut lahko sprejme vrednosti v obliki imen barv HTML in kod modelov RGB v šestnajstiških in decimalnih zapisih. Atribut barve je edinstven atribut HTML, ki vam omogoča spreminjanje barve besedila v nekaterih elementih HTML.
2. Atribut besedila HTML. Ta atribut je edinstven atribut oznake . Oznaka skupaj z oznakami in obrazec Če se spomnite, znotraj posode se postavijo elementi, ki jih nato brskalnik prikaže v območju za ogled. Atribut besedila vam omogoča, da določite Privzeta barva besedila za celotno stran HTML.
3. HTML atribut bgcolor. Je tudi edinstven atribut HTML in omogoča spreminjanje barve ozadja nekaterih elementov HTML.
4. HTML atribut vlink. Ta atribut je edinstven in velja samo za oznako spremeniti barvo povezave, ki jo je uporabnik že obiskal.
5. Povezava atributa HTML. Tudi ta atribut je edinstven in velja samo za oznako . Atribut alink spremeni barvo aktivne povezave HTML.
6. Atribut povezave HTML. Atribut povezave se uporablja samo v povezavi z oznako in služi za spreminjanje barve povezav strani HTML, ki jih uporabnik še ni obiskal.

Opomba: uporaba atributov za spreminjanje barve elementov HTML ni priporočljiva, saj obstajajo kaskadni slogovni listi, ki vam omogočajo, da ločite obliko spletne strani od njene vsebine.

Uporaba decimalnih barvnih kod v HTML

Torej, govorili smo o tem, da lahko nastavite svetlost reflektorja s posebnim ravnilom, na katerem so oštevilčene risbe od 0 do 255. Zdaj pa poglejmo, kako nam bo to pomagalo spremeniti barvo elementov HTML. Stvar je v tem, da lahko spremenimo barvo besedila znotraj elementa HTML ali barvo ozadja v HTML z uporabo decimalne kode, kot sledi:

Če ustvarite dokument HTML, v katerem je opisan vsebnik telesa, kot v primeru, boste videli:

1. Barva ozadja dokumenta HTML je zdaj zelena: bgcolor=”rgb (0,255,0)”.
2. Barva besedila strani HTML bo postala modra: text=”rgb (0,0,255)”.
3. Barva HTML povezave, ki je uporabnik ni obiskal, bo bela: povezava=”rgb (255,255,255)”.
4. Barve povezave, ki je trenutno odprta, bodo črne: alink=”rgb (0,0,0)”.
5. In barva povezave HTML, ki je že bila obiskana, bo rdeča: vlink=”rgb (255,0,0)”.

Prosimo, upoštevajte: nihče vam ne prepoveduje, da prilagodite "moč reflektorja" po lastni presoji, lahko nastavite barvo HTML, na primer takole:

rgb(94, 85, 50)

In pridobite barvo otroškega presenečenja. To je posebnost, prilagodljivost in priročnost modela RGB. Vaš monitor je črna stena z reflektorji, ki svetijo na njej, in lahko prilagodite moč teh reflektorjev in ustvarite vse vrste barv ozadja, besedila in povezav z uporabo atributov HTML v sistemu decimalnega zapisovanja ali, lahko tudi rečete: z uporabo decimalnih barvnih kod.

pravzaprav V HTML-ju je napačno reči decimalne barvne kode, bi bilo pravilneje reči RGB decimalne barvne kode, saj se ta model ne uporablja samo za oblikovanje spletnih strani v HTML in CSS.

Šestnajstiške barvne vrednosti HTML

Nastavitev barve elementov HTML z uporabo decimalnih kod modela RGB ni zelo priročna (in trenutno vsi brskalniki ne podpirajo te metode barvne manipulacije), saj zapis ne bo najbolj kompakten; veliko bolj priročno je nastavite barvo elementov HTML z uporabo šestnajstiških vrednosti. Na spodnji sliki lahko vidite, kako se decimalne vrednosti pretvorijo v šestnajstiške.

Za tiste, ki niso seznanjeni s šestnajstiškim številskim sistemom, je treba dati malo razlage, da boste zlahka manipulirajte z barvo elementov HTML z uporabo šestnajstiških modelnih kod RGB. Prvič, desetiški številski sistem se tako imenuje zato, ker lahko poljubno število dobimo s kombinacijo desetih števk (terminologija je pomembna: obstaja razlika med številom in števko): 0, 1, 2, 3, 5, 6, 7, 8, 9.

V šestnajstiškem številskem sistemu lahko poljubno število zapišemo s kombinacijo šestnajstih števk: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Za lažje razumevanje lahko predpostavite, da je a deset in f petnajst. Število šestnajst bi na primer zapisali šestnajstiško kot 10. Število 255 pa bi zapisali kot ff.

Zdaj pa poglejmo, kako lahko nastavite barvo elementov HTML z uporabo šestnajstiških vrednosti, ponovimo naš prejšnji primer in nadomestimo decimalne barvne kode z njihovimi šestnajstiškimi dvojniki:

< body alink = ”#000000” link=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”>

Upoštevajte: pisanje barv v HTML v šestnajstiški obliki je nekoliko bolj kompaktno kot v decimalki, to je prvi. Drugič: moč vsakega reflektorja se nastavi s številkami od 0 do 255. Za zapis števila 255 sta potrebni dve števki v šestnajstiški obliki (ff = 250), torej svetlost vsakega barvnega kanala (naši reflektorji se pravilno imenujejo barvni kanal, barvni kanal) je nastavljen z dvema števkama od 0 do f.

Upoštevajte: svetlost vsakega barvnega kanala je nastavljena posebej, če pa si predstavljamo, da je to ena sama številka, potem je največje možno število v šestnajstiškem številskem sistemu modela RGB ffffff, nam bo dalo belo, v decimalni sistem je: 16.777.215. To število barv in odtenkov omogoča nastavitev/uporabo modela RGB. Ta številka izhaja iz dejstva, da ima vsak barvni kanal 256 vrednosti svetlosti (od 0 do 255): 256 * 256 * 256 = 16.777.215.

Šestnajstiške barvne vrednosti HTML so kompaktnejše in jasnejše, večina spletnih oblikovalcev in oblikovalcev postavitev uporablja šestnajstiške vrednosti za manipulacijo barve v HTML, zato priporočamo, da se ne navadite na decimalno obliko barvnega zapisa, ampak takoj uporabite šestnajstiško.

Jasno je, da bo oblikovalec začetnik ali oblikovalec postavitve sprva težko krmaril po šestnajstiški obliki barvnega zapisa, zato ima skoraj vsak grafični urejevalnik tako imenovano barvno paleto, ki vam omogoča, da izberete želeno barvo in jo dobite. koda za različne barvne modele v različnih številskih sistemih.

Nekateri urejevalniki besedil, kot je , imajo razširitve palete, ki so zelo priročne, ko želite hitro izbrati barvo in jo spremeniti. V zvezi s tem ne morem reči ničesar.

Imena barv v HTML

Atributi HTML lahko sprejmejo vrednosti ne le decimalnih kod in šestnajstiških vrednosti, ampak tudi posebna imena cvetov. Spreminjanje barve elementov HTML z njihovim imenom ni dobra ideja. Prvič, za imenom barve v HTML se skriva koda modela RGB, in drugič, vsak brskalnik drugače prikaže barvo elementa HTML, ki ga določa ime, odvisno samo od želje razvijalcev brskalnika.

zato uporaba imena barve v HTML ni priporočljiva. Model RGB je odvisen od strojne opreme, barva, ki jo določa ime, pa je odvisna od brskalnika in celo njegove različice. Poskusimo nastaviti barvo elementov strani HTML z imenom:

< body alink = ”black ”link = ”#white” vlink=”rdeča” bgcolor=”green” text=”blue”>

Kot razumete, obstaja veliko barv in odtenkov. Tukaj je vredno omeniti, da vam atributi HTML ne omogočajo nastavitve gradienta; CSS ima to možnost, vendar bomo o tem govorili v drugi objavi. In veliko barv v HTML ima imena. Na moji spletni strani lahko najdete tabelo imen barv v HTML in njihovih RGB kod.

Zgornja tabela prikazuje kakšno barvo bo dobil element HTML, če ga določite z imenom. Ta tabela vsebuje 16 barv in njihova imena, ki jih je odobril W3C in morajo biti enako prikazane v katerem koli brskalniku. Toda v resnici lahko v HTML-ju uporabite približno 200 imen barv, ki jih podpirajo glavni brskalniki, kot so: Opera, Chrome, Firefox, Safari, Internet Explorer (ta trditev je glede slednjega zelo sporna).

Barvna paleta HTML

pravzaprav v HTML ni barvne palete. Spomnimo se definicije besede paleta. Paleta je majhna tanka plošča štirikotne ali ovalne oblike, na kateri umetnik meša barve in pridobiva vse vrste barv. Včasih je v paleti narejena luknja za palec, da jo je udobno držati. Spodaj boste našli sliko palete. Zato v HTML-ju ni palete.

Toda v različnih urejevalnikih besedil obstaja vtičniki barvne palete ki pomaga hitro izberite barvo elementa HTML. V grafičnih urejevalnikih obstaja tudi barvna paleta, saj oblikovalcu ni zelo priročno in zabavno sedeti in izračunati: kakšna barva se bo pojavila pri tej ali tisti svetlosti tega ali onega kanala. Na spodnji sliki lahko vidite najpreprostejšo paleto urejevalnika Paint.

Upoštevajte, da številni moduli barvne palete in vtičniki omogočajo pridobitev barvne kode ne le v formatu RGB/RGBA, temveč tudi v formatu drugih modelov. Ne pozabite da v HTML-ju ni palete, no, razen če ste umetnik v srcu in barvno paleto strani HTML imenujete te barve ki so bile uporabljene za dekoracijo (navsezadnje se včasih paleta nanaša na barve, ki jih uporablja določen umetnik, ali barve, ki so bile uporabljene pri ustvarjanju določene slike).

Naučite se spremeniti barvo besedila v HTML

Imamo veliko teorije o barvah v HTML, pojdimo vaditi in poskusiti delo z barvami elementov HTML. Prva stvar, ki se je bomo naučili, je spremeni barvo besedila v dokumentu HTML z uporabo posebnih atributov in oznak. Odprite poljuben urejevalnik in vanj vpišite naslednjo kodo:

Učenje dela z barvami v HTML

Spreminjanje barve besedila

Za spreminjanje barve besedila lahko uporabimo unikatni atribut besedilnega elementa BODY, uporabimo pa lahko tudi element FONT in njegov barvni atribut. To besedilo bo zatemnjeno.

< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >Spreminjanje barve besedila v dokumentu HTML< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >Učenje dela z barvami v HTML< / font > < / h1 > < h2 > < font color = "yellow" >Spreminjanje barve besedila< / font > < / h2 > < p >Za spremembo barve besedila lahko uporabimo unikat besedilni atribut BODY elementa in uporabite tudi element FONT < / body > < / html >

To datoteko bom shranil kot color.html in vam svetujem, da ne pozabite na . Chrome, Firefox in Opera ne podpirajo zapisovanja barv v decimalnem številskem sistemu, vendar IE razume ta barvni zapis in osvetli glavo HTML z zeleno:

Pravilno je, da ne spremenite barve besedila v HTML, ampak spremenite barvo pisave v HTML. O tem

Barvne kode v CSS se uporabljajo za določanje barv. Običajno se barvne kode ali barvne vrednosti uporabljajo za nastavitev barve za barvo ospredja elementa (npr. barva besedila, barva povezave) ali barvo ozadja elementa (barva ozadja, barva bloka). Uporabljajo se lahko tudi za spreminjanje barve gumba, obrobe, označevalca, lebdenja in drugih okrasnih učinkov.

Svoje barvne vrednosti lahko določite v različnih formatih. V naslednji tabeli so navedeni vsi možni formati:

Našteti formati so podrobneje opisani spodaj.

Barve CSS - šestnajstiške kode

Šestnajstiška koda barve je šestmestna predstavitev barve. Prvi dve števki (RR) predstavljata rdečo vrednost, naslednji dve predstavljata zeleno vrednost (GG), zadnji dve pa predstavljata modro vrednost (BB).

Barve CSS – kratke šestnajstiške kode

Kratka šestnajstiška barvna koda je krajša oblika zapisa s šestimi znaki. V tem formatu se vsaka cifra ponovi, da se ustvari enakovredna šestmestna barvna vrednost. Na primer: #0F0 postane #00FF00.

Šestnajstiško vrednost lahko vzamete iz katere koli grafične programske opreme, kot je Adobe Photoshop, Core Draw itd.

Pred vsako šestnajstiško barvno kodo v CSS bo postavljen znak "#". Spodaj so primeri uporabe šestnajstiških zapisov.

Barve CSS - vrednosti RGB

RGB vrednost je barvna koda, ki je nastavljena z lastnostjo rgb(). Ta lastnost ima tri vrednosti: po eno za rdečo, zeleno in modro. Vrednost je lahko celo število od 0 do 255 ali odstotek.

Opomba: Vsi brskalniki ne podpirajo barvne lastnosti rgb(), zato je uporaba ni priporočljiva.

Spodaj je primer, ki prikazuje več barv z uporabo vrednosti RGB.

Generator barvnih kod

Z našo storitvijo lahko ustvarite na milijone barvnih kod.

Varne barve za brskalnik

Spodaj je tabela 216 barv, ki so najvarnejše in najbolj neodvisne od računalnika. Te barve v CSS segajo od 000000 do šestnajstiške kode FFFFFF. So varni za uporabo, saj zagotavljajo, da vsi računalniki pravilno prikazujejo barve pri delu s 256 barvno paleto.

Tabela "varnih" barv v CSS
#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF