Codare html albă. Culoarea în stiluri poate fi specificată în diferite moduri: prin valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA. Specificarea culorii folosind RGB

Culorile HTML sunt indicate prin șase caractere după caracterul bară oblică - de exemplu, #000000. Aceste șase simboluri reprezintă proporțiile diferitelor culori (Roșu, Verde, Albastru) în culoarea finală. Pe monitorul computerului, imaginea este formată dintr-un număr mare de puncte numite pixeli. Fiecare pixel este o sursă mică de lumină, să o numim „lanternă”, care, la rândul ei, constă din trei lanterne - roșu, verde și albastru. Prin scăderea sau creșterea intensității strălucirii lanternelor colorate individuale obținem culoarea dorită.

coduri de culoare HTML

Culorile în HTML sunt reprezentate printr-o notație hexazecimală (HEX) de roșu, albastru și verde (RGB).

Cea mai mică valoare a culorii este 0 (hexazecimal 00). Cea mai mare valoare a culorii este 255 (hex FF).

Valoarea culorii hexazecimale este de trei cifre, începând cu semnul #.

Coduri de culori (sensuri)

Culoare	Cod HEX	Cod RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0.255.255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192.192.192)
	#FFFFFF	rgb(255.255.255)

16 milioane de nuanțe

Combinând roșu, albastru și verde cu valori cuprinse între 0 și 255 pentru procentul fiecărei culori rezultă în total peste 16 milioane de nuanțe (256 x 256 x 256).

Cele mai multe monitoare moderne sunt capabile să afișeze cel puțin 16.384 de nuanțe diferite (monitoarele LCD sunt în general capabile să afișeze 262 mii 16 milioane (actualizat octombrie 2013) culori, iar monitoarele CRT pot afișa un număr practic nelimitat de culori).

Tabelul de culori de mai jos arată modificarea proporției de roșu de la 0 la 255 cu valori zero pentru albastru și verde:

roșu	Cod HEX	Cod RGB
	#000000	rgb(0,0,0)
	#080000	rgb(8,0,0)
	#100000	rgb(16,0,0)
	#180000	rgb(24,0,0)
	#200000	rgb(32,0,0)
	#280000	rgb(40,0,0)
	#300000	rgb(48,0,0)
	#380000	rgb(56,0,0)
	#400000	rgb(64,0,0)
	#480000	rgb(72,0,0)
	#500000	rgb(80,0,0)
	#580000	rgb(88,0,0)
	#600000	rgb(96,0,0)
	#680000	rgb(104,0,0)
	#700000	rgb(112,0,0)
	#780000	rgb(120,0,0)
	#800000	rgb(128,0,0)
	#880000	rgb(136,0,0)
	#900000	rgb(144,0,0)
	#980000	rgb(152,0,0)
	#A00000	rgb(160,0,0)
	#A80000	rgb(168,0,0)
	#B00000	rgb(176,0,0)
	#B80000	rgb(184,0,0)
	#C00000	rgb(192,0,0)
	#C80000	rgb(200,0,0)
	#D00000	rgb(208,0,0)
	#D80000	rgb(216,0,0)
	#E00000	rgb(224,0,0)
	#E80000	rgb(232,0,0)
	#F00000	rgb(240,0,0)
	#F80000	rgb(248,0,0)
	#FF0000	rgb(255,0,0)

Umbre de gri

Pentru a obține nuanțe de gri, se folosesc cote egale din toate culorile. Pentru a vă facilita alegerea culorii potrivite, vă oferim coduri de nuanțe de gri

Umbre de gri	Cod HEX	Cod RGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#101010	rgb(16,16,16)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32)
	#282828	rgb(40,40,40)
	#303030	rgb(48,48,48)
	#383838	rgb(56,56,56)
	#404040	rgb(64,64,64)
	#484848	rgb(72,72,72)
	#505050	rgb(80,80,80)
	#585858	rgb(88,88,88)
	#606060	rgb(96,96,96)
	#686868	rgb(104.104.104)
	#707070	rgb(112.112.112)
	#787878	rgb(120.120.120)
	#808080	rgb(128.128.128)
	#888888	rgb(136.136.136)
	#909090	rgb(144.144.144)
	#989898	rgb(152.152.152)
	#A0A0A0	rgb(160.160.160)
	#A8A8A8	rgb(168.168.168)
	#B0B0B0	rgb(176.176.176)
	#B8B8B8	rgb(184.184.184)
	#C0C0C0	rgb(192.192.192)
	#C8C8C8	rgb(200.200.200)
	#D0D0D0	rgb(208.208.208)
	#D8D8D8	rgb(216.216.216)
	#E0E0E0	rgb(224.224.224)
	#E8E8E8	rgb(232.232.232)
	#F0F0F0	rgb(240.240.240)
	#F8F8F8	rgb(248.248.248)
	#FFFFFF	rgb(255.255.255)

Cross-browser (toate browserele) nume de culori html

O colecție de 150 de nume de culori în html, acceptate în toate browserele.

Nume de culori standardizate

W3C enumeră 16 nume de culori valide pentru HTML și CSS: aqua, negru, albastru, fuchsia, gri, verde, lime, maroon (castan), bleumarin (ultramarin), olive (măsline), violet (violet), roșu (roșu) , argintiu (argintiu), teal (gri), alb (alb) și galben (galben).

Când utilizați culori care nu sunt incluse în această listă, este mai corect să folosiți codul lor hexazecimal (HEX) sau codul RGB.

Culori sigure

În urmă cu câțiva ani, când computerele puteau suporta maximum 256 de culori diferite, a fost propusă o listă de 216 „Web Safe Colors”, cu 40 de culori rezervate sistemului.

Această paletă de 216 de culori a fost creată pentru a afișa corect culorile în modul paletă de 256 de culori.

Acum, acest lucru nu contează, deoarece majoritatea computerelor din întreaga lume acceptă milioane de nuanțe de culoare. În orice caz, iată o listă cu aceste culori:

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

Modulul de culoare CSS detaliază valori care permit autorilor să definească culorile și opacitatea elementelor html, precum și valorile proprietății culorii.

proprietatea culorii

1. Culori prioritare: proprietatea culorii

Proprietatea specifică culoarea fontului folosind diferite sisteme de redare a culorilor. Proprietatea descrie culoarea conținutului text al elementului. În plus, este folosit pentru a furniza o valoare indirectă potențială (currentColor) pentru orice alte proprietăți care acceptă valori de culoare.

Proprietatea este moștenită.

2. Valori de culoare

2.1. Cuvinte cheie principale

Lista de cuvinte cheie principale include următoarele semnificații:

Nume	HEX	RGB	Culoare
negru	#000000	0,0,0
argint	#C0C0C0	192,192,192
gri	#808080	128,128,128
alb	#FFFFFF	255,255,255
maro	#800000	128,0,0
roșu	#FF0000	255,0,0
Violet	#800080	128,0,128
fucsie	#FF00FF	255,0,255
verde	#008000	0,128,0
lămâie verde	#00FF00	0,255,0
măsline	#808000	128,128,0
galben	#FFFF00	255,255,0
marina	#000080	0,0,128
albastru	#0000FF	0,0,255
teal	#008080	0,128,128
acva	#00FFFF	0,255,255

Numele culorilor nu fac distincție între majuscule și minuscule.

Sintaxă

Culoare: teal;

2.2. Valori numerice de culoare

2.2.1. Culori model RGB

Formatul hexazecimal al unei valori RGB este semnul # urmat imediat de trei sau șase caractere hexazecimale. Notația RGB din trei cifre #rgb este convertită în forma de șase cifre #rrggbb prin copierea cifrelor, mai degrabă decât prin adăugarea zerourilor. De exemplu, #fb0 se extinde la #ffbb00 . Acest lucru asigură faptul că #ffffff alb poate fi specificat în intrarea scurtă #fff și elimină orice dependență de adâncimea culorii afișajului.

Formatul unei valori RGB în notație funcțională este rgb (urmat de o listă de trei valori numerice separate prin virgulă (fie trei valori întregi, fie trei valori procentuale) urmată de un simbol). Valoarea întreagă 255 corespunde cu 100% și F sau FF în notație hexazecimală:

Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF

Caracterele de spațiu sunt permise în jurul valorilor numerice.

Această pagină conține un tabel cu cuvinte cheie care pot fi folosite pentru a desemna culori în astfel de limbaje pentru dezvoltatori web precum: HTML, CSS, JavaScript, Flash etc.

În vechile specificații pentru concernul WC3 erau specificate doar 16 cuvinte cheie, cu ajutorul cărora erau setate culorile în HTML și CSS. În alte specificații, mai moderne, au fost adăugate alte 130 de cuvinte cheie pentru a indica numele culorilor. Următorul tabel conține numele culorilor și codurile hexadecimale și RGB cărora le corespund.

Conform regulilor CSS, numele culorilor nu țin cont de majuscule și minuscule. Intrările de culoare IndianRed și indianred sunt echivalente.

De asemenea, este de remarcat faptul că dintre cele 146 de cuvinte cheie din tabel, există de fapt mai puține culori în el. Acest lucru se datorează faptului că unele cuvinte cheie se referă la aceeași culoare. Astfel, denumirile Gri și Gri reprezintă codul de culoare gri 50% #808080, iar cuvântul Magenta este sinonim pentru culoarea HTML Fuchsia, corespunzător codului hexazecimal #FF00FF. De asemenea, sunt sinonime cuvintele Aqua și Cyan, ele corespund codului #00FFFF.

Numele culorii în HTML și CSS HEX RGB Tonuri de roșu: IndianRed #CD5C5C 205, 92, 92 LightCoral #F08080 240, 128, 128 Somon #FA8072 250, 128, 114 DarkSomon #E9967A 233, 150, 122 LightSomon #FFA07A 255, 160, 122 purpuriu #DC143C 220, 20, 60 roșu #FF0000 255, 0, 0 FireBrick #B22222 178, 34, 34 Roșu-închis #8B0000 139, 0, 0 Tonuri de roz: Roz #FFC0CB 255, 192, 203 Roz deschis #FFB6C1 255, 182, 193 HotPink #FF69B4 255, 105, 180 Roz închis #FF1493 255, 20, 147 MediumVioletRed #C71585 199, 21, 133 PaleViolet Red #DB7093 219, 112, 147 Tonuri de portocaliu: LightSomon #FFA07A 255, 160, 122 Coral #FF7F50 255, 127, 80 Roșie #FF6347 255, 99, 71 Portocaliu rosu #FF4500 255, 69, 0 Dark Orange #FF8C00 255, 140, 0 Portocale #FFA500 255, 165, 0 Tonuri de galben: Aur #FFD700 255, 215, 0 Galben #FFFF00 255, 255, 0 Lumină galbenă #FFFFE0 255, 255, 224 LemonChiffon #FFFACD 255, 250, 205 LightGoldenrodGalben #FAFAD2 250, 250, 210 PapayaWhip #FFEFD5 255, 239, 213 Mocasin #FFE4B5 255, 228, 181 PeachPuff #FFDAB9 255, 218, 185 PaleGoldenrod #EEE8AA 238, 232, 170 Kaki #F0E68C 240, 230, 140 Kaki închis #BDB76B 189, 183, 107 Tonuri violete: Lavandă #E6E6FA 230, 230, 250 Ciulin #D8BFD8 216, 191, 216 Prună #DDA0DD 221, 160, 221 violet #EE82EE 238, 130, 238 Orhidee #DA70D6 218, 112, 214 Fucsie #FF00FF 255, 0, 255 Magenta #FF00FF 255, 0, 255 Orhidee medie #BA55D3 186, 85, 211 Violet mediu #9370DB 147, 112, 219 Albastru violet #8A2BE2 138, 43, 226 DarkViolet #9400D3 148, 0, 211 DarkOrhid #9932CC 153, 50, 204 DarkMagenta #8B008B 139, 0, 139 Violet #800080 128, 0, 128 Indigo #4B0082 75, 0, 130 Ardezie albastră #6A5ACD 106, 90, 205 DarkSlateBlue #483D8B 72, 61, 139 Tonuri de maro: Matase de porumb #FFF8DC 255, 248, 220 Migdale albite #FFEBCD 255, 235, 205 Bisque #FFE4C4 255, 228, 196 NavajoWhite #FFMORT 255, 222, 173 Grâu #F5DEB3 245, 222, 179 BurlyWood #DEB887 222, 184, 135 bronzat #D2B48C 210, 180, 140 RosyBrown #BC8F8F 188, 143, 143 SandyBrown #F4A460 244, 164, 96 Vergea de Aur #DAA520 218, 165, 32 DarkGoldenRod #B8860B 184, 134, 11 Peru #CD853F 205, 133, 63 Ciocolată #D2691E 210, 105, 30 SaddleBrown #8B4513 139, 69, 19 Sienna #A0522D 160, 82, 45 Maro #A52A2A 165, 42, 42 Maro #800000 128, 0, 0 Culori primare: Negru #000000 0, 0, 0 gri #808080 128, 128, 128 Argint #C0C0C0 192, 192, 192 alb #FFFFFF 255, 255, 255 Fucsie #FF00FF 255, 0, 255 Violet #800080 128, 0, 128 roșu #FF0000 255, 0, 0 Maro #800000 128, 0, 0 Galben #FFFF00 205, 92, 92 măsline #808000 240, 128, 128 Lămâie verde #00FF00 250, 128, 114 Verde #008000 233, 150, 122 Aqua #00FFFF 205, 92, 92 Teal #008080 240, 128, 128 Albastru #0000FF 250, 128, 114 Marinei #000080 233, 150, 122

Numele culorii în HTML și CSS HEX RGB Tonuri de verde: Verde galben #ADFF2F 173, 255, 47 Chartreuse #7FFF00 127, 255, 0 GazonVerde #7CFC00 124, 252, 0 Lămâie verde #00FF00 0, 255, 0 Verde lime #32CD32 50, 205, 50 Verde palid #98FB98 152, 251, 152 Verde deschis #90EE90 144, 238, 144 MediumPrimăvaraVerde #00FA9A 0, 250, 154 SpringGreen #00FF7F 0, 255, 127 MediumSeaGreen #3CB371 60, 179, 113 Mare verde #2E8B57 46, 139, 87 Padure verde #228B22 34, 139, 34 Verde #008000 0, 128, 0 Verde inchis #006400 0, 100, 0 Galben verde #9ACD32 154, 205, 50 OliveDrab #6B8E23 107, 142, 35 măsline #808000 128, 128, 0 DarkOliveGreen #556B2F 85, 107, 47 MediuAcvamarin #66CDAA 102, 205, 170 DarkSeaGreen #8FBC8F 143, 188, 143 LightSeaGreen #20B2AA 32, 178, 170 DarkCyan #008B8B 0, 139, 139 Teal #008080 0, 128, 128 Tonuri de albastru: Aqua #00FFFF 0, 255, 255 Cyan #00FFFF 0, 255, 255 LightCyan #E0FFFF 224, 255, 255 Turcoaz Pale #AFEEEE 175, 238, 238 Acvamarin #7FFFD4 127, 255, 212 Turcoaz #40E0D0 64, 224, 208 Turcoaz mediu #48D1CC 72, 209, 204 Turcoaz închis #00CED1 0, 206, 209 Cadet Blue #5F9EA0 95, 158, 160 SteelBlue #4682B4 70, 130, 180 LightSteelBlue #B0C4DE 176, 196, 222 Pudra albastra #B0E0E6 176, 224, 230 Albastru deschis #ADD8E6 173, 216, 230 Cer albastru #87CEEB 135, 206, 235 LightSkyBlue #87CEFA 135, 206, 250 DeepSkyBlue #00BFFF 0, 191, 255 Dodger Blue #1E90FF 30, 144, 255 Floarea de colțAlbastru #6495ED 100, 149, 237 Medium SlateBlue #7B68EE 123, 104, 238 Albastru regal #4169E1 65, 105, 225 Albastru #0000FF 0, 0, 255 Albastru mediu #0000CD 0, 0, 205 Albastru inchis #00008B 0, 0, 139 Marinei #000080 0, 0, 128 Albastru miez de noapte #191970 25, 25, 112 Tonuri de alb: alb #FFFFFF 255, 255, 255 Zăpadă #FFFAFA 255, 250, 250 Mană #F0FFF0 240, 255, 240 MintCream #F5FFFA 245, 255, 250 Azur #F0FFFF 240, 255, 255 AliceBlue #F0F8FF 240, 248, 255 GhostWhite #F8F8FF 248, 248, 255 Fum alb #F5F5F5 245, 245, 245 scoica de mare #FFF5EE 255, 245, 238 Bej #F5F5DC 245, 245, 220 Old Lace #FDF5E6 253, 245, 230 FloralAlb #FFFAF0 255, 250, 240 Fildeş #FFFFFF0 255, 255, 240 Alb antic #FAEBD7 250, 235, 215 Lenjerie #FAF0E6 250, 240, 230 LavenderBlush #FFF0F5 255, 240, 245 MistyRose #FFE4E1 255, 228, 225 Tonuri de gri: Gainsboro #DCDCDC 220, 220, 220 Gri deschis #D3D3D3 211, 211, 211 Gri deschis #D3D3D3 211, 211, 211 Argint #C0C0C0 192, 192, 192 Gri închis #A9A9A9 169, 169, 169 Gri inchis #A9A9A9 169, 169, 169 gri #808080 128, 128, 128 gri #808080 128, 128, 128 DimGray #696969 105, 105, 105 DimGrey #696969 105, 105, 105 LightSlateGray #778899 119, 136, 153 Light SlateGrey #778899 119, 136, 153 Gri ardezie #708090 112, 128, 144 Gri ardezie #708090 112, 128, 144 DarkSlateGray #2F4F4F 47, 79, 79 Dark SlateGrey #2F4F4F 47, 79, 79 Negru #000000 0, 0, 0

Numerele hexazecimale sunt folosite pentru a specifica culorile. Sistemul hexazecimal, spre deosebire de sistemul zecimal, se bazează, după cum sugerează și numele, pe numărul 16. Numerele vor fi după cum urmează: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numerele de la 10 la 15 sunt înlocuite cu litere latine. Numerele mai mari de 15 în sistemul hexazecimal sunt formate prin combinarea a două numere într-unul singur. De exemplu, numărul 255 în zecimală corespunde numărului FF în hexazecimal. Pentru a evita confuzia în determinarea sistemului numeric, un simbol hash # este plasat înaintea numărului hexazecimal, de exemplu #666999. Fiecare dintre cele trei culori - roșu, verde și albastru - poate lua valori de la 00 la FF. Astfel, simbolul de culoare este împărțit în trei componente #rrggbb, unde primele două simboluri indică componenta roșie a culorii, cele două din mijloc - verde, iar ultimele două - albastru. Este permisă utilizarea formei prescurtate #rgb, unde fiecare caracter trebuie dublat. Astfel, intrarea #fe0 ar trebui considerată ca #ffee00.

Dupa nume

Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Browserele acceptă unele culori după numele lor. În tabel 1 arată numele, codul hexazecimal, RGB, valorile HSL și descrierea.

Masa 1. Denumiri de culori

Nume	Culoare	Cod	RGB	HSL	Descriere
alb		#ffffff sau #fff	rgb(255.255.255)	hsl(0,0%,100%)	alb
argint		#c0c0c0	rgb(192.192.192)	hsl(0,0%,75%)	Gri
gri		#808080	rgb(128.128.128)	hsl(0,0%,50%)	Gri inchis
negru		#000000 sau #000	rgb(0,0,0)	hsl(0,0%,0%)	Negru
maro		#800000	rgb(128,0,0)	hsl(0,100%,25%)	Roșu-închis
roșu		#ff0000 sau #f00	rgb(255,0,0)	hsl(0,100%,50%)	roșu
portocale		#ffa500	rgb(255,165,0)	hsl(38,8,100%,50%)	Portocale
galben		#ffff00 sau #ff0	rgb(255,255,0)	hsl(60,100%,50%)	Galben
măsline		#808000	rgb(128,128,0)	hsl(60,100%,25%)	măsline
lămâie verde		#00ff00 sau #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Verde deschis
verde		#008000	rgb(0,128,0)	hsl(120,100%,25%)	Verde
acva		#00ffff sau #0ff	rgb(0.255.255)	hsl(180,100%,50%)	Albastru
albastru		#0000ff sau #00f	rgb(0,0,255)	hsl(240,100%,50%)	Albastru
marina		#000080	rgb(0,0,128)	hsl(240,100%,25%)	Albastru inchis
teal		#008080	rgb(0.128.128)	hsl(180,100%,25%)	Albastru verde
fucsie		#ff00ff sau #f0f	rgb(255,0,255)	hsl(300,100%,50%)	Roz
Violet		#800080	rgb(128,0,128)	hsl(300,100%,25%)	violet

Folosind RGB

Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Puteți defini culoarea folosind valorile roșu, verde și albastru în termeni zecimali. Fiecare dintre cele trei componente de culoare ia o valoare de la 0 la 255. De asemenea, este permisă specificarea culorii ca procent, cu 100% corespunzând numărului 255. Mai întâi, specificați cuvântul cheie rgb, apoi specificați componentele de culoare între paranteze. , separate prin virgule, de exemplu rgb(255, 128, 128) sau rgb(100%, 50%, 50%).

RGBA

Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Formatul RGBA este similar ca sintaxă cu RGB, dar include un canal alfa care specifică transparența elementului. O valoare de 0 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este semitransparentă.

RGBA a fost adăugat la CSS3, așa că codul CSS trebuie validat față de această versiune. Trebuie remarcat faptul că standardul CSS3 este încă în curs de dezvoltare și unele caracteristici se pot schimba. De exemplu, o culoare în format RGB adăugată la proprietatea culoare de fundal este validată, dar una adăugată la proprietatea de fundal nu mai este validă. În același timp, browserele înțeleg destul de corect culoarea pentru ambele proprietăți.

HSL

Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

Numele formatului HSL este derivat din combinația primelor litere Hue (nuanță), Saturate (saturație) și Lightness (luminozitate). Nuanța este valoarea culorii de pe roata culorilor (Fig. 1) și este dată în grade. 0° corespunde roșului, 120° verde și 240° albastru. Valoarea nuanței poate varia de la 0 la 359.

Orez. 1. Roata de culori

Saturația este intensitatea unei culori și este măsurată ca procent de la 0% la 100%. O valoare de 0% indică lipsa culorii și o nuanță de gri, 100% este valoarea maximă pentru saturație.

Luminozitatea specifică cât de strălucitoare este culoarea și este specificată ca procent de la 0% la 100%. Valorile scăzute fac culoarea mai închisă, iar valorile ridicate fac culoarea mai deschisă; valorile extreme de 0% și 100% corespund alb-negru.

HSLA

Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Formatul HSLA este similar ca sintaxă cu HSL, dar include un canal alfa pentru a specifica transparența elementului. O valoare de 0 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este semitransparentă.

Valorile de culoare RGBA, HSL și HSLA sunt adăugate la CSS3, așa că vă rugăm să verificați codul pentru validitatea versiunii atunci când utilizați aceste formate.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Avertizare

Toate metodele de prindere a leului enumerate pe site sunt teoretice și se bazează pe metode de calcul. Autorii nu vă garantează siguranța atunci când le utilizați și își declină orice responsabilitate pentru rezultate. Amintiți-vă, un leu este un prădător și un animal periculos!

Rezultatul acestui exemplu este prezentat în Fig. 2.

Orez. 2. Culori pe pagina web