HTML spalva gali b?ti nurodyta trimis b?dais:

HTML spalvos nustatymas pagal pavadinim?

Kai kurias spalvas galima nurodyti pagal j? pavadinim?, kaip reik?m? 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 World Wide Web Consortium (W3C) standarto spalvos yra ?ios:

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(109,0,109) ir rgb(50%, 100%, 50%) nustatys t? pa?i? vidutinio sodrumo ?ali? spalv?:

Pavyzdys: spalvos nurodymas naudojant RGB

• I?bandykite patys"

rgb(109,0,109)

rgb(50%, 100%, 50%)

rgb(109,0,109)

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 de?imtain?je sistemoje atitinka did?iausi? ?e?ioliktain? FF. Prie?ingai nei de?imtain?je sistemoje, prie? ?e?ioliktain? skai?i? ra?omas svaro ?enklas. # , pavyzd?iui, #00ecec rodomas kaip raudonas, nes raudonai nustatyta did?iausia reik?m? (FF), o kit? spalv? – ma?iausia (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 #0075ec.

Pavyzdys: spalva HEX

• I?bandykite patys"

raudona: #00ecec

?alia: #ec00ec

m?lyna: #ecec00

raudona: #00ecec

?alia: #ec00ec

m?lyna: #ecec00

raudona+?alia=geltona: #0000ec

raudona+m?lyna=violetin?: #00ec00

?alia+m?lyna=m?lyna: #ec0000

Da?niausiai naudojam? spalv? s?ra?as (pavadinimas, HEX ir RGB):

Angli?kas pavadinimas	Rusi?kas vardas	Pavyzdys	HEX	RGB
Amarantas	burno?ius		#07c19c	229	43	80
Gintaras	Gintaras		#002dec	255	191	0
Aqua	m?lyna ?alia		#ec0000	0	255	255
Azure	Azure		#ec6d00	0	127	255
Juoda	Juoda		#ececec	0	0	0
M?lyna	M?lyna		#ecec00	0	0	255
Bondi Blue	Bondi papl?dimio vanduo		#ec5736	0	149	182
?alvaris	?alvaris		#3746aa	181	166	66
Ruda	Ruda		#56a1ec	150	75	0
Cerulean	Azure		#ec7145	0	123	167
tamsiai pavasario ?alia	Tamsiai pavasario ?alia		#d57aa7	23	114	69
smaragdas	smaragdas		#9c2474	80	200	120
Bakla?anas	Bakla?anas		#53ec86	153	0	102
Fuksija	Fuksija		#00ec00	255	0	255
Auksas	Auksas		#0015ec	250	215	0
Pilka	Pilka		#6c6c6c	128	128	128
?alias	?alias		#ec00ec	0	255	0
Indigo	Indigo		#a1ec6a	75	0	130
Jade	Jade		#ec4481	0	168	107
kalki?	Kalk?s		#2000ec	204	255	0
malachitas	malachitas		#e1129b	11	218	81
karinis j?r? laivynas	Tamsiai m?lyna		#ecec6c	0	0	128
Ochra	Ochra		#2075ca	204	119	34
Alyvuogi?	Alyvuogi?		#6c6cec	128	128	0
Oran?in?	Oran?in?		#0047ec	255	165	0
persik?	Persikas		#000738	255	229	180
Moli?gas	Moli?gas		#0077d4	255	117	24
Violetin?	Violetin?		#6cec6c	128	0	128
Raudona	Raudona		#00ecec	255	0	0
?afranas	?afranas		#0028bc	244	196	48
j?ros ?alia	?alia j?ra		#be6195	46	139	87
Pelk?s ?alia	Bolotny		#40355e	172	183	142
?alsvai m?lyna	m?lyna ?alia		#ec6c6c	0	128	128
Ultramarinas	ultramarinas		#dae25d	18	10	143
violetin?	Violetin?		#61ec00	139	0	255
Geltona	Geltona		#0000ec	255	255	0

Spalv? kodai (fonas) pagal sodrum? ir atspalv?.

Spalv? kodai CSS naudojami spalvoms nurodyti. Paprastai spalv? kodai arba spalv? reik?m?s naudojami elemento priekinio plano (pvz., teksto, nuorodos spalvos) arba elemento fono (fono, bloko spalvos) spalvai nustatyti. Jais taip pat galima pakeisti mygtuk? spalv?, kra?telius, ?ymekl?, u?vedim? ir kitus dekoratyvinius efektus.

Galite nustatyti savo spalv? reik?mes ?vairiais formatais. ?ioje lentel?je i?vardyti visi galimi formatai:

?ie formatai i?samiau apra?yti toliau.

CSS spalvos – ?e?ioliktainiai kodai

?e?ioliktainis spalv? kodas yra ?e?i? skaitmen? spalv? atvaizdas. Pirmieji du skaitmenys (RR) yra raudona reik?m?, kiti du yra ?alia reik?m? (GG), o paskutiniai du yra m?lyna reik?m? (BB).

CSS spalvos – trumpi ?e?ioliktainiai kodai

Trumpas ?e?ioliktainis spalvos kodas yra trumpesn? ?e?i? simboli? ?ym?jimo forma. ?iame formate kiekvienas skaitmuo kartojamas, kad b?t? gauta lygiavert? ?e?i? skaitmen? spalvos reik?m?. Pavyzd?iui: #ec00ec tampa #ec00ec.

?e?ioliktain? reik?m? galima paimti i? bet kurios grafikos programin?s ?rangos, tokios kaip „Adobe Photoshop“, „Core Draw“ ir kt.

Prie? kiekvien? ?e?ioliktain? CSS spalvos kod? bus nurodytas mai?os ?enklas „#“. Toliau pateikiami ?e?ioliktainio ?ym?jimo pavyzd?iai.

CSS spalvos – RGB reik?m?s

RGB vert? yra spalvos kodas, kuris nustatomas naudojant rgb() ypatyb?. ?i savyb? turi tris vertes: po vien? raudonai, ?aliai ir m?lynai. Reik?m? gali b?ti sveikas skai?ius nuo 0 iki 255 arba procentas.

Pastaba: Ne visos nar?ykl?s palaiko rgb() spalvos ypatyb?, tod?l nerekomenduojama jos naudoti.

Toliau pateikiamas pavyzdys, rodantis kelias spalvas naudojant RGB reik?mes.

Spalv? kod? generatorius

Naudodamiesi m?s? paslauga galite sukurti milijonus spalv? kod?.

Saugios nar?ykl?s spalvos

?emiau yra 216 spalv? lentel?, kurios yra saugiausios ir nepriklausomos nuo kompiuterio. ?ios spalvos CSS svyruoja nuo 000000 iki FFFFFF ?e?ioliktainio kodo. Juos saugu naudoti, nes jie u?tikrina, kad visi kompiuteriai tinkamai parodys spalvas dirbant su 256 spalv? palete.

„Saugi?“ spalv? lentel? CSS
#ececec	#ececb9	#ecec86	#ecec53	#ecec20	#ecec00
#ecb9ec	#ecb9b9	#ecb986	#ecb953	#ecb920	#ecb900
#ec86ec	#ec86b9	#ec8686	#ec8653	#ec8620	#ec8600
#ec53ec	#ec53b9	#ec5386	#ec5353	#ec5320	#ec5300
#ec20ec	#ec20b9	#ec2086	#ec2053	#ec2020	#ec2000
#ec00ec	#ec00b9	#ec0086	#ec0053	#ec0020	#ec0000
#b9ecec	#b9ecb9	#b9ec86	#b9ec53	#b9ec20	#b9ec00
#b9b9ec	#b9b9b9	#b9b986	#b9b953	#b9b920	#b9b900
#b986ec	#b986b9	#b98686	#b98653	#b98620	#b98600
#b953ec	#b953b9	#b95386	#b95353	#b95320	#b95300
#b920ec	#b920b9	#b92086	#b92053	#b92020	#b92000
#b900ec	#b900b9	#b90086	#b90053	#b90020	#b90000
#86ecec	#86ecb9	#86ec86	#86ec53	#86ec20	#86ec00
#86b9ec	#86b9b9	#86b986	#86b953	#86b920	#86b900
#8686ec	#8686b9	#868686	#868653	#868620	#868600
#8653ec	#8653b9	#865386	#865353	#865320	#865300
#8620ec	#8620b9	#862086	#862053	#862020	#862000
#8600ec	#8600b9	#860086	#860053	#860020	#860000
#53ecec	#53ecb9	#53ec86	#53ec53	#53ec20	#53ec00
#53b9ec	#53b9b9	#53b986	#53b953	#53b920	#53b900
#5386ec	#5386b9	#538686	#538653	#538620	#538600
#5353ec	#5353b9	#535386	#535353	#535320	#535300
#5320ec	#5320b9	#532086	#532053	#532020	#532000
#5300ec	#5300b9	#530086	#530053	#530020	#530000
#20ecec	#20ecb9	#20ec86	#20ec53	#20ec20	#20ec00
#20b9ec	#20b9b9	#20b986	#20b953	#20b920	#20b900
#2086ec	#2086b9	#208686	#208653	#208620	#208600
#2053ec	#2053b9	#205386	#205353	#205320	#205300
#2020ec	#2020b9	#202086	#202053	#202020	#202000
#2000ec	#2000b9	#200086	#200053	#200020	#200000
#00ecec	#00ecb9	#00ec86	#00ec53	#00ec20	#00ec00
#00b9ec	#00b9b9	#00b986	#00b953	#00b920	#00b900
#0086ec	#0086b9	#008686	#008653	#008620	#008600
#0053ec	#0053b9	#005386	#005353	#005320	#005300
#0020ec	#0020b9	#002086	#002053	#002020	#002000
#0000ec	#0000b9	#000086	#000053	#000020	#000000

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, #428320. ?iuo atveju raid? neturi reik?m?s, tod?l leid?iama ra?yti #000000 arba #000000.

Tipi?ka HTML naudojama spalva yra tokia.

?ia tinklalapio fono spalva nustatyta ? #005ea5. 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: #161616), bus gautas pilkas atspalvis. Kuo didesnis skai?ius, tuo ?viesesn? spalva, o reik?m?s pasikei?ia i? #ececec (juoda) ? #000000 (balta).
• Ry?kiai raudona spalva susidaro, jei raudonas komponentas yra did?iausias (FF), o kiti komponentai nustatomi ? nul?. Spalva, kurios reik?m? #00ecec, yra raudoniausias ?manomas raudonas atspalvis. Tas pats pasakytina apie ?ali? (#ec00ec) ir m?lyn? (#ecec00).
• Geltona (#0000ec) 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 (#ec0000) 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. ?iuo tikslu tinka grafinis redaktorius, galintis dirbti su skirting? spalv? modeliais, pavyzd?iui, 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), tai ta pati spalva skirtingose nar?ykl?se gali b?ti rodoma skirtingai. 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 #b90086.

Pagrindin? ?iniatinklio spalv? savyb? yra ta, kad visose nar?ykl?se ji rodoma vienodai. ?iuo metu ?iniatinklio spalv? aktualumas yra labai ma?as d?l monitori? kokyb?s pager?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.

Skirtukas. 6.3. Kai kuri? spalv? pavadinimai

Spalvos pavadinimas	Spalva	apib?dinimas	Hex vert?
juodas		Juoda	#ececec
m?lyna		M?lyna	#ecec00
fuksija		?viesiai violetin?	#00ec00
pilka		Tamsiai pilka	#6c6c6c
?alias		?alias	#ec6cec
kalki?		?viesiai ?alia	#ec00ec
ka?tonin?s spalvos		Tamsiai raudona	#6cecec
karinis j?r? laivynas		Tamsiai m?lyna	#ecec6c
alyvuogi?		Alyvuogi?	#6c6cec
violetin?		Tamsiai violetin?	#6cec6c
raudona		Raudona	#00ecec
sidabras		?viesiai pilka	#2c2c2c
?alsvai m?lyna		m?lyna ?alia	#ec6c6c
baltas		Baltas	#000000
geltona		Geltona	#0000ec

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, #868353. 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 #0000ec tur?t? b?ti laikomas #0000ec.

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.

Skirtukas. 1. Spalv? pavadinimai

vardas	Spalva	Kodas	RGB	HSL	apib?dinimas
baltas		#fffff arba #ffff	rgb (255 255 255)	hsl (0,0 %, 100 %)	Baltas
sidabras		#2c2c2c	rgb(44,44,44)	hsl (0,0 %, 75 %)	Pilka
pilka		#6c6c6c	rgb(0,236,236)	hsl (0,0 %, 50 %)	Tamsiai pilka
juodas		#ececec arba #ececec	rgb(236,236,236)	hsl(0,0%,0%)	Juoda
ka?tonin?s spalvos		#6cecec	rgb(108,236,236)	hsl(0,100%,25%)	Tamsiai raudona
raudona		#00ecec arba #00ecec	rgb(0,236,236)	hsl(0,100%,50%)	Raudona
oran?in?		#0047ec	rgb(0,71,236)	hsl (38,8 100 %, 50 %)	Oran?in?
geltona		#0000ec arba #0000ec	rgb(0,0,236)	hsl (60 100 %, 50 %)	Geltona
alyvuogi?		#6c6cec	rgb(108,108,236)	hsl (60 100 %, 25 %)	Alyvuogi?
kalki?		#ec00ec arba #ec00ec	rgb(236,0,236)	hsl (120 100 %, 50 %)	?viesiai ?alia
?alias		#ec6cec	rgb(236,108,236)	hsl (120 100 %, 25 %)	?alias
aqua		#ec0000 arba #0ffff	rgb(0,236,236)	hsl (180 100 %, 50 %)	M?lyna
m?lyna		#ecec00 arba #ecec00	rgb(236,236,0)	hsl (240 100 %, 50 %)	M?lyna
karinis j?r? laivynas		#ecec6c	rgb(236,236,108)	hsl (240 100 %, 25 %)	Tamsiai m?lyna
?alsvai m?lyna		#ec6c6c	rgb(0,236,236)	hsl (180 100 %, 25 %)	m?lyna ?alia
fuksija		#00ec00 arba #00ec00	rgb(255;0,255)	hsl(300,100%,50%)	Ro?inis
violetin?		#6cec6c	rgb(108,236,108)	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 nurodomas rgb raktinis ?odis, o tada spalvos komponentai nurodyti skliausteliuose, atskirti kableliais, pavyzd?iui, rgb(0,108,108) 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+

HSL formato pavadinimas susidaro i? pirm?j? raid?i? Hue (atspalvis), Saturate (soturumas) ir Lightness (lightness) 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.

RGBA, HSL ir HSLA format? spalv? reik?m?s pridedamos 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!

?io pavyzd?io rezultatas parodytas fig. 2.

Ry?iai. 2. Spalvos tinklalapyje

11/28/14 11,1 t?kst

Deja, svetain?je kol kas ne?manoma parodyti skonio poj??i?. Ta?iau tai galima visi?kai kompensuoti spalv? pagalba. Gal? gale, html spalvos leid?ia parodyti bet kur? i? milijon? atspalvi?. Taigi, kad " spalvoti piestukai“ jo rinkinyje yra daug daugiau nei septyni.

spalv? schema html

HTML spalv? galima nurodyti keliais formatais:

1. Kaip ?e?ioliktain? reik?m? – naudojamas kodas, nurodytas ?e?ioliktain?je sistemoje. Tokie html spalv? kodai susideda i? trij? ?e?ioliktaini? skai?i? por?. Kiekviena pora yra atsakinga u? atspalvio prisotinim? pagrindine spalva:

• Pirmoji skai?i? pora yra atsakinga u? raudon? spalv?;
• Antroji pora skirta ?alios spalvos turiniui;
• Pastaroji skirta m?lynos spalvos turiniui.

Kodo prad?ioje (prie? skai?ius) dedamas mai?os ?enklas. Tai ?e?ioliktainis spalv? kodas. Be skai?i? nuo 1 iki 9, ?ioje skai?i? sistemoje naudojamos lotyni?kos ab?c?l?s raid?s (A, B, C, D, E, F).

Pavyzd?iui, baltos spalvos kodas HTML atrodyt? kaip #000000:

2. Raktinis ?odis – ?iuo metu html palaiko apie 147 raktinius ?od?ius. Ta?iau ne visi ?ie ?od?iai yra unikal?s. Kai kurie i? j? nurodo t? pat? spalv? atspalv?.

Pilka spalva ?ymima dviem raktiniais ?od?iais: pilka ir pilka . J? ?e?ioliktainis kodas (HEX ) pateikiamas ta pa?ia reik?me #6c6c6c .

Pavyzdys :

#6c6c6c

3. RGB formatu – ?is spalv? kodavimas html yra pagr?stas trij? ver?i?, nustatyt? diapazone nuo 0 iki 255, naudojimu. Kiekviena i? j? nustato atspalvio sodrum? viena i? pagrindini? spalv?:

• R - raudona (raudona);
• G - ?alia (?alia);
• B - m?lyna (m?lyna).

Spalvos numeris RGB formatu ra?omas taip: rgb(236,26,136).

fono spalva:rgb(136,50,193)

4. RGBA formatu – tai i?pl?stinis RGB formatas, kur ketvirtoji reik?m? nurodo spalvos skaidrum? de?imtain?s trupmenos pavidalu nuo 0 iki 1.

Naudojimo pavyzdys:

fono spalva:rgba(136,150,93,0,2)

fono spalva:rgba(136,150,93,0,5)

fono spalva:rgba(136,150,93,0,8)

fono spalva:rgba(136,150,93,1)

html spalv? lentel?s ir spalv? generatoriai

Turint tok? plat? spalv? nustatymo format? asortiment?, lengva susipainioti. Tod?l buvo i?rastas specialus spalv? stalas. Jame 147 pagrindini? spalv? atspalvi? pavadinim? atitikimo kodai pateikiami visuose pagrindiniuose spalv? vaizdavimo standartuose. Be to, kiekviename lauke yra juosta, skirta vizualiai suderinti spalvas. Viena i? ?i? lenteli? pateikiama svetain?je colourcheme.ru:

Ta?iau net ir naudojant toki? korespondencijos strukt?r?, norimo atspalvio pasirinkimas gali b?ti sunkus. Ir tai n?ra faktas, kad spalv? kod? lentel?je yra tinkamas.

Siekiant apeiti ?i? kli?t? ir kuo lengviau pasirinkti tinkam? atspalv?, buvo sukurtos interaktyvios interneto paslaugos. J? vartotojo s?saja gali ?iek tiek skirtis viena nuo kitos.

Svetain?je html-color-codes.info spalv? generatorius atrodo taip:

O paslaugoje color-picker.appsmaster.co ?is ?rankis ?diegtas ?iek tiek kitaip:

Kiekvienos generatoriaus spalvos sodrumas nustatomas naudojant specialius slankiklius. Vizualiai atspalvis rodomas r?melio ir sta?iakampio spalva kair?je pus?je. Apa?ioje 3 laukuose rodomas pagrindini? format? spalv? kodas.

Ta?iau spalv? generatori? galima ?sigyti ne tik specializuotose svetain?se. Beveik visi grafiniai redaktoriai apr?pinti pana?iu ?rankiu. Pavyzd?iui, „Photoshop“:

Spalv? sauga

Ir tai buvo labai seniai, vaizdo plok??i?, kurios palaiko tik 256 spalvas, laikais. Tais laikais operacin?s sistemos be i?kraipym? gal?jo rodyti tik tam tikr? a?tuoni? bit? atspalvi? skai?i?.

Tada buvo i?vesta puiki saugi? spalv? lentel?. Jame buvo nurodyta 216 atspalvi?, kurie gal?jo b?ti rodomi be i?kraipym? bet kurioje to meto nar?ykl?je. Ir iki ?ios dienos tai puikus rankra?tis» vis dar pasiekiama kai kuriuose ?altiniuose:

M?s? laikais viskas pasikeit?. Tod?l visos saugos taisykl?s dirbant su spalva html yra visi?kai at?auktos. Juk ?iuolaikin? kompiuterin? ?ranga palaiko daugiau nei 16 milijon? skirting? atspalvi?. O 216 saugi? spalv? nugrimzdo ? u?mar?t?.