I HTML kan f?rg anges p? tre s?tt:

St?ll in f?rg i HTML efter dess namn

Vissa f?rger kan anges med deras namn, med namnet p? f?rgen p? engelska som v?rde. De vanligaste s?korden: svart (svart), vit (vit), r?d (r?d), gr?n (gr?n), bl? (bl?), etc.:

Textf?rg - R?d

De mest popul?ra f?rgerna i standarden World Wide Web Consortium (W3C) ?r:

F?rg	namn	F?rg	namn	F?rg	namn	F?rg	namn
	Svart		gr?		Silver		Vit
	Gul		kalk		Aqua		Fuchsia
	R?d		Gr?n		Bl?		Lila
	r?dbrun		Oliv		Marin		Kricka

Ett exempel p? anv?ndning av olika f?rgnamn:

Exempel: st?lla in en f?rg efter dess namn

• Prova sj?lv "

Rubrik p? r?d bakgrund

Rubrik p? orange bakgrund

Rubrik p? lime bakgrund

Vit text p? bl? bakgrund

Rubrik p? r?d bakgrund

Rubrik p? orange bakgrund

Rubrik p? lime bakgrund

Vit text p? bl? bakgrund

Ange f?rg med RGB

Vid visning av olika f?rger p? bildsk?rmen tas RGB-paletten som grund. Vilken f?rg som helst erh?lls genom att blanda de tre huvudsakliga: R - r?d, G - gr?n (gr?n), B - bl? (bl?). Ljusstyrkan f?r varje f?rg ges av en byte och kan d?rf?r ta v?rden fr?n 0 till 255. Till exempel visas RGB (255,0,0) som r?tt eftersom r?tt ?r satt till sitt h?gsta v?rde (255) och resten ?r inst?llda p? 0 Du kan ocks? st?lla in f?rgen i procent. Var och en av parametrarna indikerar ljusstyrkan f?r motsvarande f?rg. Till exempel: v?rdena rgb(109,0,109) och rgb(50%, 100%, 50%) kommer att st?lla in samma gr?na f?rg med medelm?ttnad:

Exempel: Ange en f?rg med RGB

• Prova sj?lv "

rgb(109,0,109)

rgb(50 %, 100 %, 50 %)

rgb(109,0,109)

rgb(50 %, 100 %, 50 %)

St?ll in f?rg med hexadecimalt v?rde

V?rderingar R G B kan ocks? specificeras med hexadecimala (HEX) f?rgv?rden i formen: #RRGGBB d?r RR (r?d), GG (gr?n) och BB (bl?) ?r hexadecimala v?rden fr?n 00 till FF (samma som decimal 0- 255). Det hexadecimala systemet, till skillnad fr?n decimalsystemet, bygger, som namnet antyder, p? talet 16. Det hexadecimala systemet anv?nder f?ljande tecken: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. H?r ers?tts siffrorna fr?n 10 till 15 med latinska bokst?ver. Tal st?rre ?n 15 i det hexadecimala systemet ?r f?reningen av tv? tecken till ett v?rde. Till exempel motsvarar det h?gsta talet 255 i decimal det h?gsta FF i hexadecimalt. Till skillnad fr?n decimalsystemet f?reg?s det hexadecimala talet av ett pundtecken. # , till exempel, #00ecec visas som r?tt eftersom r?tt ?r inst?llt p? sitt h?gsta v?rde (FF) och de andra f?rgerna ?r inst?llt p? sitt l?gsta v?rde (00). Tecken efter hash-symbolen # kan skrivas med b?de stora och sm? bokst?ver. Det hexadecimala systemet till?ter anv?ndning av en f?rkortad form som #rgb, d?r varje tecken motsvarar tv? g?nger. D?rf?r b?r posten #f7O betraktas som #0075ec.

Exempel: F?rg HEX

• Prova sj?lv "

r?d: #00ecec

gr?n: #ec00ec

bl?: #ecec00

r?d: #00ecec

gr?n: #ec00ec

bl?: #ecec00

r?d+gr?n=gul: #0000ec

r?d+bl?=lila: #00ec00

gr?n+bl?=cyan: #ec0000

Lista ?ver vanliga f?rger (namn, HEX och RGB):

engelskt namn	ryskt namn	Prov	HEX	RGB
Amaranth	amarant		#07c19c	229	43	80
B?rnsten	B?rnsten		#002dec	255	191	0
Aqua	bl? gr?n		#ec0000	0	255	255
Azurbl?	Azurbl?		#ec6d00	0	127	255
Svart	Svart		#ececec	0	0	0
Bl?	Bl?		#ecec00	0	0	255
Bondi bl?	Bondi strandvatten		#ec5736	0	149	182
M?ssing	M?ssing		#3746aa	181	166	66
Brun	Brun		#56a1ec	150	75	0
Cerulean	Azurbl?		#ec7145	0	123	167
m?rk v?rgr?n	M?rk v?rgr?n		#d57aa7	23	114	69
Smaragd	Smaragd		#9c2474	80	200	120
?ggplanta	?ggplanta		#53ec86	153	0	102
Fuchsia	Fuchsia		#00ec00	255	0	255
Guld	Guld		#0015ec	250	215	0
gr?	Gr?		#6c6c6c	128	128	128
Gr?n	Gr?n		#ec00ec	0	255	0
Indigo	Indigo		#a1ec6a	75	0	130
Jade	Jade		#ec4481	0	168	107
kalk	Kalk		#2000ec	204	255	0
Malakit	Malakit		#e1129b	11	218	81
Marin	M?rkbl?		#ecec6c	0	0	128
Ockra	Ockra		#2075ca	204	119	34
Oliv	Oliv		#6c6cec	128	128	0
Orange	Orange		#0047ec	255	165	0
persika	Persika		#000738	255	229	180
Pumpa	Pumpa		#0077d4	255	117	24
Lila	Violett		#6cec6c	128	0	128
R?d	R?d		#00ecec	255	0	0
Saffran	Saffran		#0028bc	244	196	48
havsgr?nt	gr?nt hav		#be6195	46	139	87
Tr?skgr?nt	Bolotny		#40355e	172	183	142
Kricka	bl? gr?n		#ec6c6c	0	128	128
Ultramarin	ultramarin		#dae25d	18	10	143
violett	Violett		#61ec00	139	0	255
Gul	Gul		#0000ec	255	255	0

F?rgkoder (bakgrund) efter m?ttnad och nyans.

F?rgkoder i CSS anv?nds f?r att specificera f?rger. Vanligtvis anv?nds f?rgkoder eller f?rgv?rden f?r att st?lla in en f?rg f?r antingen f?rgrunden p? ett element (t.ex. text, l?nkf?rg) eller bakgrunden f?r ett element (bakgrund, blockf?rg). De kan ocks? anv?ndas f?r att ?ndra knappf?rg, kanter, mark?r, hovring och andra dekorativa effekter.

Du kan st?lla in dina f?rgv?rden i olika format. F?ljande tabell listar alla m?jliga format:

Dessa format beskrivs mer i detalj nedan.

CSS-f?rger - Hexkoder

Hexadecimal f?rgkod?r en sexsiffrig f?rgrepresentation. De tv? f?rsta siffrorna (RR) ?r det r?da v?rdet, de n?sta tv? ?r det gr?na v?rdet (GG) och de tv? sista ?r det bl?a v?rdet (BB).

CSS-f?rger - Korta hex-koder

Kort hexadecimal f?rgkod?r en kortare form av sexteckennotation. I detta format upprepas varje siffra f?r att producera motsvarande sexsiffrigt f?rgv?rde. Till exempel: #ec00ec blir #ec00ec.

Det hexadecimala v?rdet kan h?mtas fr?n alla grafikprogram som Adobe Photoshop, Core Draw, etc.

Varje hexadecimal f?rgkod i CSS kommer att f?reg?s av ett "#" hash-tecken. F?ljande ?r exempel p? anv?ndning av hexadecimal notation.

CSS-f?rger - RGB-v?rden

RGB-v?rde?r en f?rgkod som st?lls in med hj?lp av egenskapen rgb(). Den h?r egenskapen har tre v?rden: ett vardera f?r r?tt, gr?nt och bl?tt. V?rdet kan vara ett heltal, fr?n 0 till 255, eller en procentsats.

Notera: Alla webbl?sare st?der inte egenskapen rgb() color, s? det rekommenderas inte att anv?nda den.

Nedan ?r ett exempel som visar flera f?rger med RGB-v?rden.

F?rgkodsgenerator

Du kan skapa miljontals f?rgkoder med v?r tj?nst.

S?kra webbl?sarf?rger

Nedan finns en tabell med 216 f?rger som ?r de mest s?kra och datoroberoende. Dessa f?rger i CSS str?cker sig fr?n 000000 till FFFFFF hex-kod. De ?r s?kra att anv?nda eftersom de s?kerst?ller att alla datorer kommer att visa f?rg korrekt n?r de arbetar med 256 f?rgpaletten.

Tabell ?ver "s?kra" f?rger i 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

Vlad Merzhevich

I HTML anges f?rgen p? ett av tv? s?tt: med hj?lp av en hexadecimal kod och med namnet p? vissa f?rger. Den vanligaste metoden ?r baserad p? det hexadecimala systemet, som den mest universella.

Hexadecimala f?rger

HTML anv?nder hexadecimala tal f?r att ange f?rger. Det hexadecimala systemet, till skillnad fr?n decimalsystemet, bygger, som namnet antyder, p? talet 16. Siffrorna kommer att vara f?ljande: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Siffror fr?n 10 till 15 ers?tts med latinska bokst?ver. I tabell. 6.1 visar ?verensst?mmelsen mellan decimala och hexadecimala tal.

Tal st?rre ?n 15 i det hexadecimala systemet bildas genom att kombinera tv? tal till ett (tabell 6.2). Till exempel motsvarar talet 255 i decimal talet FF i hexadecimal.

F?r att undvika f?rvirring i definitionen av talsystemet f?reg?s det hexadecimala talet av pundtecknet #, till exempel #428320. I det h?r fallet spelar fallet ingen roll, s? det ?r till?tet att skriva #000000 eller #000000.

En typisk f?rg som anv?nds i HTML ?r f?ljande.

H?r ?r bakgrundsf?rgen p? webbsidan inst?lld p? #005ea5. Pundtecknet # framf?r ett tal betyder att det ?r hexadecimalt. De tv? f?rsta siffrorna (FA) definierar f?rgens r?da komponent, den tredje till fj?rde siffran (8E) den gr?na komponenten och de tv? sista siffrorna (47) den bl? komponenten. Slutresultatet ?r denna f?rg.

FA

+

8E

+

47

=

FA8E47

Var och en av de tre f?rgerna - r?d, gr?n och bl? - kan ta v?rden fr?n 00 till FF, vilket s? sm?ningom bildar 256 nyanser. S?ledes kan det totala antalet f?rger vara 256x256x256 = 16.777.216 kombinationer. F?rgmodellen baserad p? de r?da, gr?na och bl? komponenterna kallas RGB (r?d, gr?n, bl?; r?d, gr?n, bl?). Denna modell ?r additiv (fr?n add - add), d?r till?gget av alla tre komponenterna bildar vitt.

F?r att g?ra det l?ttare att navigera i hexadecimala f?rger, ta h?nsyn till n?gra regler.

• Om v?rdena f?r f?rgkomponenterna ?r desamma (till exempel: #161616), kommer en gr? nyans att erh?llas. Ju h?gre siffra, desto ljusare f?rg, och v?rdena ?ndras fr?n #ececec (svart) till #000000 (vit).
• En klar r?d f?rg bildas om den r?da komponenten g?rs maximal (FF), och resten av komponenterna s?tts till noll. F?rgen med v?rdet #00ecec ?r den r?daste m?jliga r?da nyansen. Detsamma g?ller f?r gr?nt (#ec00ec) och bl?tt (#ecec00).
• Gul (#0000ec) erh?lls genom att blanda r?tt med gr?nt. Detta syns tydligt p? f?rghjulet (Fig. 6.1), som presenterar prim?rf?rgerna (r?d, gr?n, bl?) och komplement?ra eller komplement?ra. Dessa inkluderar gul, cyan och violett (?ven kallad magenta). I allm?nhet kan vilken f?rg som helst erh?llas genom att blanda f?rger intill den. S? cyan (#ec0000) erh?lls genom att kombinera bl?tt och gr?nt.

Ris. 6.1. F?rgcirkel

F?rger baserade p? hexadecimala v?rden beh?ver inte v?ljas empiriskt. F?r detta ?ndam?l ?r en grafisk editor som kan arbeta med olika f?rgmodeller, som Adobe Photoshop, l?mplig. P? fig. 6.2 visar ett f?nster f?r att v?lja en f?rg i detta program, linjen cirklar det resulterande hexadecimala v?rdet f?r den aktuella f?rgen. Du kan kopiera och klistra in den i din kod.

Ris. 6.2. F?rgv?ljare i Photoshop

Webbf?rger

Om du st?ller in bildsk?rmens f?rgkvalitet till 8 bitar (256 f?rger) kan samma f?rg visas p? olika s?tt i olika webbl?sare. Detta har att g?ra med hur grafik renderas n?r webbl?saren arbetar med sin egen palett och inte kan visa en f?rg som den inte har i paletten. I det h?r fallet ers?tts f?rgen av en kombination av pixlar av andra, n?ra den, f?rger som imiterar den givna. F?r att f?rgen ska f?rbli densamma i olika webbl?sare introducerades en palett med s? kallade webbf?rger. Webbf?rger ?r de f?rger, f?r varje komponent av vilka - r?d, gr?n och bl? - ett av sex v?rden ?r satt - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Det hexadecimala v?rdet f?r denna komponent anges inom parentes. Det totala antalet f?rger fr?n alla m?jliga kombinationer ger 6x6x6 - 216 f?rger. Ett exempel p? webbf?rg ?r #b90086.

Huvudfunktionen med webbf?rg ?r att den visas p? samma s?tt i alla webbl?sare. F?r tillf?llet ?r relevansen av webbf?rger mycket liten p? grund av ?kningen av kvaliteten p? bildsk?rmar och ut?kningen av deras kapacitet.

F?rger efter namn

F?r att inte komma ih?g en samling siffror kan du ist?llet anv?nda namnen p? vanliga f?rger. I tabell. 6.3 visar namnen p? popul?ra f?rgnamn.

Flik. 6.3. Namn p? n?gra f?rger

F?rgnamn	F?rg	Beskrivning	Hexv?rde
svart		Svart	#ececec
bl?		Bl?	#ecec00
fuchsia		Ljuslila	#00ec00
gr?		M?rkgr?	#6c6c6c
gr?n		Gr?n	#ec6cec
kalk		ljusgr?n	#ec00ec
r?dbrun		M?rkr?d	#6cecec
Marin		M?rkbl?	#ecec6c
oliv		Oliv	#6c6cec
lila		M?rk violett	#6cec6c
r?d		R?d	#00ecec
silver-		ljusgr?tt	#2c2c2c
kricka		bl? gr?n	#ec6c6c
vit		Vit	#000000
gul		Gul	#0000ec

Det spelar ingen roll hur du anger f?rgen - med dess namn eller genom att anv?nda hexadecimala tal. Till sin effekt ?r dessa metoder lika. Exempel 6-1 visar hur man st?ller in bakgrunds- och textf?rger p? en webbsida.

Exempel 6.1. Bakgrund och textf?rg

Exempeltext

I det h?r exemplet st?lls bakgrundsf?rgen in med taggens bgcolor-attribut , och f?rgen p? texten genom textattributet. F?r variation s?tts v?rdet p? textattributet till ett hexadecimalt tal och bgcolor s?tts till det reserverade nyckelordet teal .

Hexadecimala tal anv?nds f?r att ange f?rger. Det hexadecimala systemet, till skillnad fr?n decimalsystemet, bygger, som namnet antyder, p? talet 16. Siffrorna kommer att vara f?ljande: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Siffror fr?n 10 till 15 ers?tts med latinska bokst?ver. Tal st?rre ?n 15 i det hexadecimala systemet bildas genom att kombinera tv? tal till ett. Till exempel motsvarar talet 255 i decimal talet FF i hexadecimal. F?r att undvika f?rvirring i definitionen av talsystemet f?reg?s det hexadecimala talet av hash-symbolen #, till exempel #868353. Var och en av de tre f?rgerna - r?d, gr?n och bl? - kan ta v?rden fr?n 00 till FF. F?rgens beteckning ?r allts? uppdelad i tre komponenter #rrggbb, d?r de tv? f?rsta tecknen markerar f?rgens r?da komponent, de tv? mittersta markerar gr?nt och de tv? sista markerar bl?tt. Det ?r till?tet att anv?nda den f?rkortade formen #rgb, d?r varje tecken ska dubblas. D?rf?r b?r posten #0000ec betraktas som #0000ec.

vid namn

Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Webbl?sare st?der vissa f?rger efter namn. I tabell. 1 visar namn, hex-kod, v?rden i RGB, HSL-format och beskrivning.

Flik. 1. F?rgnamn

namn	F?rg	Koden	RGB	HSL	Beskrivning
vit		#fffff eller #000000	rgb(0,0,0)	hsl(0,0 %, 100 %)	Vit
silver-		#2c2c2c	rgb(44,44,44)	hsl(0,0%,75%)	Gr?
gr?		#6c6c6c	rgb(108,108,108)	hsl(0,0%,50%)	M?rkgr?
svart		#ececec eller #ececec	rgb(236,236,236)	hsl(0,0%,0%)	Svart
r?dbrun		#6cecec	rgb(108,236,236)	hsl(0,100%,25%)	M?rkr?d
r?d		#00ecec eller #00ecec	rgb(0,236,236)	hsl(0,100%,50%)	R?d
orange		#0047ec	rgb(0,71,236)	hsl(38,8,100%,50%)	Orange
gul		#0000ec eller #0000ec	rgb(0,0,236)	hsl(60,100%,50%)	Gul
oliv		#6c6cec	rgb(108,108,236)	hsl(60,100%,25%)	Oliv
kalk		#ec00ec eller #ec00ec	rgb(236,0,236)	hsl(120,100%,50%)	ljusgr?n
gr?n		#ec6cec	rgb(236,108,236)	hsl(120,100%,25%)	Gr?n
aqua		#ec0000 eller #ec0000	rgb(236,0,0)	hsl(180,100%,50%)	Bl?
bl?		#ecec00 eller #ecec00	rgb(236,236,0)	hsl(240,100%,50%)	Bl?
Marin		#ecec6c	rgb(236,236,108)	hsl(240,100%,25%)	M?rkbl?
kricka		#ec6c6c	rgb(236,108,108)	hsl(180,100%,25%)	bl? gr?n
fuchsia		#00ec00 eller #00ec00	rgb(0,236,0)	hsl(300,100%,50%)	Rosa
lila		#6cec6c	rgb(108,236,108)	hsl(300,100%,25%)	Violett

Med RGB

Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Du kan definiera en f?rg med hj?lp av de r?da, gr?na och bl? v?rdena i decimaler. Var och en av de tre f?rgkomponenterna har ett v?rde fr?n 0 till 255. Det ?r ocks? acceptabelt att s?tta f?rgen som en procentsats, medan 100 % kommer att motsvara siffran 255. F?rst anges nyckelordet rgb, och sedan ?r f?rgkomponenterna anges inom parentes, avgr?nsade med kommatecken, till exempel rgb(0,108,108) eller rgb(100%, 50%, 50%).

RGBA

Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

RGBA-formatet liknar syntaxen RGB, men inneh?ller en alfakanal som anger elementets transparens. Ett v?rde p? 0 ?r helt transparent, 1 ?r ogenomskinligt och ett mellanv?rde som 0,5 ?r genomskinligt.

RGBA l?ggs till i CSS3, s? validering av CSS-kod b?r utf?ras enligt denna version. Det b?r noteras att CSS3-standarden fortfarande ?r under utveckling och vissa av dess funktioner kan ?ndras. Till exempel, en RGB-f?rg som l?ggs till egenskapen bakgrundsf?rg klarar valideringen, men en som l?ggs till egenskapen bakgrund g?r det inte. Samtidigt f?rst?r webbl?sare helt korrekt f?rgen f?r b?da egenskaperna.

HSL

Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

Namnet p? HSL-formatet bildas av en kombination av de f?rsta bokst?verna Hue (nyans), Saturate (m?ttnad) och Lightness (ljushet). Nyans ?r f?rgv?rdet p? f?rghjulet (fig. 1) och anges i grader. 0° ?r r?tt, 120° ?r gr?nt och 240° ?r bl?tt. Nyansv?rde kan variera fr?n 0 till 359.

Ris. 1. F?rghjul

M?ttnad ?r intensiteten hos en f?rg, m?tt i procent fr?n 0 % till 100 %. Ett v?rde p? 0 % anger ingen f?rg och en gr? nyans, 100 % ?r det maximala m?ttnadsv?rdet.

Ljushet anger hur ljus f?rgen ?r och anges i procent fr?n 0 % till 100 %. Sm? v?rden g?r f?rgen m?rkare, medan h?ga v?rden g?r den ljusare, extrema v?rden p? 0% och 100% motsvarar svart och vitt.

HSLA

Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

HSLA-formatet liknar syntaxen HSL, men inneh?ller en alfakanal som st?ller in elementets transparens. Ett v?rde p? 0 ?r helt transparent, 1 ?r ogenomskinligt och ett mellanv?rde som 0,5 ?r genomskinligt.

F?rgv?rden i RGBA-, HSL- och HSLA-format l?ggs till i CSS3, s? n?r du anv?nder dessa format, kontrollera koden f?r giltighet mot versionen.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Varning

Alla metoder f?r att f?nga ett lejon som finns listade p? webbplatsen ?r teoretiska och baserade p? ber?kningsmetoder. F?rfattarna garanterar inte din s?kerhet n?r du anv?nder dem och fr?ns?ger sig allt ansvar f?r resultatet. Kom ih?g att lejonet ?r ett rovdjur och ett farligt djur!

Resultatet av detta exempel visas i fig. 2.

Ris. 2. F?rger p? webbsidan

11/28/14 11,1K

Tyv?rr ?r det ?nnu inte m?jligt att visa smakupplevelser p? sajten. Men detta kan kompenseras fullt ut med hj?lp av f?rger. N?r allt kommer omkring l?ter html-f?rger dig visa vilken som helst av miljontals nyanser. S? att " f?rgade pennor” i hans set ?r mycket mer ?n sju.

f?rgschema i html

I html kan f?rg anges i flera format:

1. Som ett hexadecimalt v?rde - koden som anges i det hexadecimala systemet anv?nds. S?dana f?rgkoder i html best?r av tre par hexadecimala tal. Varje par ?r ansvarigt f?r f?rgens m?ttnad med sin prim?ra f?rg:

• Det f?rsta numeriska paret ?r ansvarigt f?r den r?da f?rgen;
• Det andra paret ?r f?r inneh?llet i den gr?na f?rgen;
• Det senare ?r f?r inneh?llet i den bl? f?rgen.

I b?rjan av koden (f?re siffrorna) placeras ett hashm?rke. Detta ?r den hexadecimala f?rgkoden. F?rutom siffror fr?n 1 till 9 anv?nder detta nummersystem bokst?ver i det latinska alfabetet (A, B, C, D, E, F).

Till exempel skulle vit f?rgkod i html se ut som #000000:

2. Nyckelord – Just nu st?der html cirka 147 nyckelord. Men alla dessa ord ?r inte unika. Vissa av dem h?nvisar till samma f?rgnyans.

Gr? representeras av tv? nyckelord: gr? och gr? . Deras hexadecimala kod (HEX ) ges av samma v?rde #6c6c6c .

Exempel:

#6c6c6c

3. I RGB-format - denna f?rgkodning i html ?r baserad p? anv?ndningen av tre v?rden som ?r inst?llda i intervallet fr?n 0 till 255. Var och en av dem best?mmer f?rgm?ttnaden med en av de prim?ra f?rgerna:

• R - r?d (r?d);
• G - gr?n (gr?n);
• B - bl? (bl?).

F?rgnumret i RGB-format skrivs enligt f?ljande: rgb(236,26,136).

bakgrundsf?rg:rgb(136,50,193)

4. I RGBA-format - det ?r ett avancerat RGB-format, d?r det fj?rde v?rdet anger f?rgens genomskinlighet i form av ett decimaltal fr?n 0 till 1.

Anv?ndningsexempel:

bakgrundsf?rg:rgba(136,150,93,0.2)

bakgrundsf?rg:rgba(136,150,93,0.5)

bakgrundsf?rg:rgba(136,150,93,0.8)

bakgrundsf?rg:rgba(136,150,93,1)

html f?rgtabeller och f?rggeneratorer

Med ett s? brett utbud av f?rginst?llningsformat ?r det l?tt att bli f?rvirrad. D?rf?r uppfanns ett speciellt f?rgbord. I den, till 147 nyckelnamn p? f?rgnyanser, anges korrespondenskoder i alla st?rre f?rgrepresentationsstandarder. Dessutom ?r varje f?lt utrustad med en stapel f?r visuell f?rgmatchning. En av dessa tabeller presenteras p? sajten colorscheme.ru:

Men ?ven med hj?lp av en s?dan strukturering av korrespondens kan valet av ?nskad nyans vara sv?rt. Och det ?r inte ett faktum att det finns den r?tta i f?rgkodstabellen.

F?r att komma runt denna barri?r och g?ra det s? enkelt som m?jligt att v?lja r?tt nyans har interaktiva webbtj?nster tagits fram. Deras anv?ndargr?nssnitt kan skilja sig n?got fr?n varandra.

P? webbplatsen html-color-codes.info ser f?rggeneratorn ut s? h?r:

Och inom tj?nsten color-picker.appsmaster.co implementeras det h?r verktyget lite annorlunda:

M?ttnaden f?r varje f?rg i generatorn st?lls in med hj?lp av speciella reglage. Visuellt visas nyansen av f?rgen p? ramen och rektangeln p? v?nster sida. L?ngst ner visar 3 f?lt f?rgkoden i huvudformaten.

Men f?rggeneratorn ?r tillg?nglig inte bara p? specialiserade webbplatser. N?stan alla grafiska redakt?rer ?r utrustade med ett liknande verktyg. Till exempel Photoshop:

F?rgs?kerhet

Och det var l?nge sedan, tillbaka i eran med grafikkort som bara st?der 256 f?rger. P? den tiden kunde operativsystem endast visa ett visst antal ?ttabitars nyanser utan f?rvr?ngning.

Sedan f?ddes det stora bordet med s?kra f?rger. Det indikerade 216 nyanser som kunde visas utan f?rvr?ngning i n?gon av den tidens webbl?sare. Och ?n i dag detta stort manuskript» ?r fortfarande tillg?nglig p? vissa resurser:

Allt har f?r?ndrats i v?r tid. D?rf?r ?r alla s?kerhetsregler vid arbete med f?rg i html helt upph?vda. N?r allt kommer omkring st?der modern datorh?rdvara mer ?n 16 miljoner olika nyanser. Och 216 s?kra f?rger har sjunkit i gl?mska.