Fehér html kódolás. A stílusok színét többféleképpen lehet megadni: hexadecimális értékkel, név szerint, RGB, RGBA, HSL, HSLA formátumban. Szín megadása RGB használatával

A HTML színeit hat karakter jelzi a perjel után – például #000000. Ez a hat szimbólum a különböző színek (piros, zöld, kék) arányát jelzi a végső színben. A számítógép monitorán a kép hatalmas számú pontból, úgynevezett pixelekből áll össze. Minden pixel egy kis fényforrás, nevezzük "zseblámpának", amely viszont három zseblámpából áll - piros, zöld és kék. Az egyes színes zseblámpák fényének intenzitásának csökkentésével vagy növelésével a kívánt színt kapjuk.

HTML színkódok

A HTML-ben a színeket a vörös, kék és zöld (RGB) hexadecimális (HEX) jelöléssel jelölik.

A legkisebb színérték 0 (hexadecimális 00). A legmagasabb színérték 255 (hex FF).

A hexadecimális színérték három számjegyből áll, amelyek # jellel kezdődnek.

Színkódok (jelentések)

Szín	HEX kód	RGB kód
	#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 millió árnyalat

A vörös, kék és zöld kombinációja 0 és 255 közötti értékekkel az egyes színek százalékos arányához összesen több mint 16 millió árnyalatot eredményez (256 x 256 x 256).

A legtöbb modern monitor legalább 16 384 különböző árnyalat megjelenítésére képes (az LCD monitorok általában 262 ezer 16 milliót képesek megjeleníteni (frissítve: 2013. október) színek, a CRT monitorok pedig gyakorlatilag korlátlan számú színt képesek megjeleníteni).

Az alábbi színtáblázat a vörös arányának változását mutatja 0-ról 255-re, a kék és a zöld nulla értékével:

Piros	HEX kód	RGB kód
	#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)

A szürke árnyalatai

A szürke árnyalatok eléréséhez az összes színt egyenlő arányban használják fel. A megfelelő szín kiválasztásának megkönnyítése érdekében szürke árnyalatkódokat biztosítunk

A szürke árnyalatai	HEX kód	RGB kód
	#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)

Böngészők közötti (minden böngésző) html színnevek

150 színnév gyűjteménye html-ben, minden böngészőben támogatott.

Szabványos színnevek

A W3C 16 érvényes színnevet sorol fel a HTML-hez és a CSS-hez: aqua, fekete, kék, fukszia, szürke, zöld, lime, barna (gesztenye), sötétkék (ultramarin), olíva (olíva), lila (lila), piros (piros) , ezüst (ezüst), kékeszöld (szürke), fehér (fehér) és sárga (sárga).

A listában nem szereplő színek használatakor helyesebb a hexadecimális (HEX) vagy RGB kódjuk használata.

Biztonságos színek

Néhány évvel ezelőtt, amikor a számítógépek legfeljebb 256 különböző színt tudtak támogatni, egy 216 „Web biztonságos színt” tartalmazó listát javasoltak, és 40 színt tartottak fenn a rendszer számára.

Ezt a 216 színpalettát úgy hozták létre, hogy a 256 színpaletta módban megfelelően jelenítse meg a színeket.

Ez most már nem számít, mert a legtöbb számítógép világszerte több millió színárnyalatot támogat. Mindenesetre itt van a színek listája:

000000	000033	000066	000099	0000 CC	0000 FF
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	3300 CC	3300 FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33 FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600 FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66 FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900 FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99 FF00	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
0000 FF	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

A CSS színmodul részletezi azokat az értékeket, amelyek lehetővé teszik a szerzők számára, hogy meghatározzák a html-elemek színét és átlátszatlanságát, valamint a színtulajdonság értékeit.

színtulajdonság

1. Elsőbbségi színek: színtulajdonság

A tulajdonság különböző színvisszaadási rendszerekkel határozza meg a betűszínt. A tulajdonság az elem szövegtartalmának színét írja le. Ezenkívül potenciális közvetett érték (currentColor) biztosítására szolgál minden olyan tulajdonsághoz, amely elfogadja a színértékeket.

Az ingatlan öröklődik.

2. Színértékek

2.1. Fő kulcsszavak

A fő kulcsszavak listája a következő jelentéseket tartalmazza:

Név	HEX	RGB
fekete	#000000	0,0,0
ezüst	#C0C0C0	192,192,192
szürke	#808080	128,128,128
fehér	#FFFFFF	255,255,255
gesztenyebarna	#800000	128,0,0
piros	#FF0000	255,0,0
lila	#800080	128,0,128
fukszia	#FF00FF	255,0,255
zöld	#008000	0,128,0
mész	#00FF00	0,255,0
olajbogyó	#808000	128,128,0
sárga	#FFFF00	255,255,0
haditengerészet	#000080	0,0,128
kék	#0000FF	0,0,255
a zöldeskék	#008080	0,128,128
aqua	#00FFFF	0,255,255

A színnevek nem különböztetik meg a kis- és nagybetűket.

Szintaxis

Szín: kékeszöld;

2.2. Numerikus színértékek

2.2.1. RGB modell színei

Az RGB-érték hexadecimális formátuma egy # jel, amelyet közvetlenül három vagy hat hexadecimális karakter követ. A háromjegyű #rgb RGB jelölést a számjegyek másolásával a nullák hozzáadása helyett a hatjegyű #rrggbb formává alakítjuk. Például az #fb0 #ffbb00-ra bővül. Ez biztosítja, hogy a fehér #ffffff megadható legyen a rövid #ffff bejegyzésben, és eltávolítja a kijelző színmélységétől való függőséget.

Az RGB-érték formátuma a funkcionális jelölésekben rgb (ezt követi egy vesszővel elválasztott három numerikus érték (vagy három egész érték vagy három százalékérték), amelyet egy szimbólum követ). A 255 egész szám 100%-nak felel meg, az F vagy FF pedig hexadecimális jelöléssel:

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

A numerikus értékek körül szóköz karakterek megengedettek.

Ez az oldal egy táblázatot tartalmaz kulcsszavakkal, amelyek a színek jelölésére használhatók olyan webfejlesztői nyelveken, mint: HTML, CSS, JavaScript, Flash stb.

A WC3 konszern régi specifikációiban mindössze 16 kulcsszó volt megadva, amelyek segítségével színeket állítottak be HTML-ben és CSS-ben. A további, modernebb specifikációkban további 130 kulcsszót adtak a színnevek jelzésére. A következő táblázat tartalmazza a színneveket, valamint a hozzájuk tartozó hexadecimális és RGB kódokat.

A CSS-szabályok szerint a színnevek nem különböztetik meg a kis- és nagybetűket. Az IndianRed és az indianred színbejegyzések egyenértékűek.

Azt is érdemes megjegyezni, hogy a táblázatban szereplő 146 kulcsszó közül valójában kevesebb szín található benne. Ennek az az oka, hogy egyes kulcsszavak ugyanarra a színre utalnak. Így a Szürke és a Szürke elnevezések a #808080 50%-os szürke színkódot jelentik, a Magenta szó pedig a fukszia HTML-szín szinonimája, amely az #FF00FF hexadecimális kódnak felel meg. Szintén szinonimák az Aqua és Cyan szavak, ezek a #00FFFF kódnak felelnek meg.

Színnév HTML-ben és CSS-ben	HEX	RGB
Vörös tónusok:
indiánvörös	#CD5C5C	205, 92, 92
LightCoral	#F08080	240, 128, 128
Lazac	#FA8072	250, 128, 114
DarkSalmon	#E9967A	233, 150, 122
LightSalmon	#FFA07A	255, 160, 122
Karmazsinvörös	#DC143C	220, 20, 60
Piros	#FF0000	255, 0, 0
Tűztégla	#B22222	178, 34, 34
Sötét vörös	#8B0000	139, 0, 0
Rózsaszín tónusok:
Rózsaszín	#FFC0CB	255, 192, 203
Világos rózsaszín	#FFB6C1	255, 182, 193
Dögös rózsaszín	#FF69B4	255, 105, 180
Mély rózsaszín	#FF1493	255, 20, 147
Közepes VioletPiros	#C71585	199, 21, 133
HalványVioletPiros	#DB7093	219, 112, 147
Narancssárga tónusok:
LightSalmon	#FFA07A	255, 160, 122
Korall	#FF7F50	255, 127, 80
Paradicsom	#FF6347	255, 99, 71
Narancsvörös	#FF4500	255, 69, 0
DarkOrange	#FF8C00	255, 140, 0
narancs	#FFA500	255, 165, 0
Sárga tónusok:
Arany	#FFD700	255, 215, 0
Sárga	#FFFF00	255, 255, 0
Halványsárga	#FFFFE0	255, 255, 224
Citromsifon	#FFFACD	255, 250, 205
Világos aranyvessző sárga	#FAFAD2	250, 250, 210
PapayaWhip	#FFEFD5	255, 239, 213
Mokaszin	#FFE4B5	255, 228, 181
PeachPuff	#FFDAB9	255, 218, 185
Halvány Aranyvessző	#EEE8AA	238, 232, 170
Khaki	#F0E68C	240, 230, 140
Sötét khaki	#BDB76B	189, 183, 107
Lila tónusok:
Levendula	#E6E6FA	230, 230, 250
Bogáncs	#D8BFD8	216, 191, 216
Szilva	#DDA0DD	221, 160, 221
Ibolya	#EE82EE	238, 130, 238
Orchidea	#DA70D6	218, 112, 214
Fukszia	#FF00FF	255, 0, 255
Bíborvörös	#FF00FF	255, 0, 255
Közepes orchidea	#BA55D3	186, 85, 211
Közepes lila	#9370DB	147, 112, 219
Kék ibolya	#8A2BE2	138, 43, 226
Sötétlila	#9400D3	148, 0, 211
DarkOrchid	#9932CC	153, 50, 204
Sötétbíbor	#8B008B	139, 0, 139
Lila	#800080	128, 0, 128
Indigó	#4B0082	75, 0, 130
Palakék	#6A5ACD	106, 90, 205
Sötét palakék	#483D8B	72, 61, 139
Barna tónusok:
Cornsilk	#FFF8DC	255, 248, 220
Blansírozott mandula	#FFEBCD	255, 235, 205
Krémleves	#FFE4C4	255, 228, 196
NavajoWhite	#FFDEAD	255, 222, 173
Búza	#F5DEB3	245, 222, 179
BurlyWood	#DEB887	222, 184, 135
Cser	#D2B48C	210, 180, 140
Rózsabarna	#BC8F8F	188, 143, 143
SandyBrown	#F4A460	244, 164, 96
Aranyvessző	#DAA520	218, 165, 32
DarkGoldenRod	#B8860B	184, 134, 11
Peru	#CD853F	205, 133, 63
Csokoládé	#D2691E	210, 105, 30
Nyeregbarna	#8B4513	139, 69, 19
Sienna	#A0522D	160, 82, 45
Barna	#A52A2A	165, 42, 42
Gesztenyebarna	#800000	128, 0, 0
Elsődleges színek:
Fekete	#000000	0, 0, 0
szürke	#808080	128, 128, 128
Ezüst	#C0C0C0	192, 192, 192
fehér	#FFFFFF	255, 255, 255

Fukszia	#FF00FF	255, 0, 255
Lila	#800080	128, 0, 128
Piros	#FF0000	255, 0, 0
Gesztenyebarna	#800000	128, 0, 0

Sárga	#FFFF00	205, 92, 92
Olajbogyó	#808000	240, 128, 128
Mész	#00FF00	250, 128, 114
Zöld	#008000	233, 150, 122

Aqua	#00FFFF	205, 92, 92
A zöldeskék	#008080	240, 128, 128
Kék	#0000FF	250, 128, 114
haditengerészet	#000080	233, 150, 122

Színnév HTML-ben és CSS-ben	HEX	RGB
Zöld tónusok:
Zöld sárga	#ADFF2F	173, 255, 47
Karthauzi likőr	#7FFF00	127, 255, 0
Gyepzöld	#7CFC00	124, 252, 0
Mész	#00FF00	0, 255, 0
Zöldcitrom zöld	#32CD32	50, 205, 50
Halvány zöld	#98FB98	152, 251, 152
Világos zöld	#90EE90	144, 238, 144
Közepes tavaszi zöld	#00FA9A	0, 250, 154
Tavaszi zöld	#00FF7F	0, 255, 127
Közepes tengerzöld	#3CB371	60, 179, 113
Tengerzöld	#2E8B57	46, 139, 87
Erdő zöld	#228B22	34, 139, 34
Zöld	#008000	0, 128, 0
Sötétzöld	#006400	0, 100, 0
Sárga zöld	#9ACD32	154, 205, 50
OliveDrab	#6B8E23	107, 142, 35
Olajbogyó	#808000	128, 128, 0
Sötét olívazöld	#556B2F	85, 107, 47
Közepes akvamarin	#66CDAA	102, 205, 170
Sötét tengerzöld	#8FBC8F	143, 188, 143
LightSeaGreen	#20B2AA	32, 178, 170
Sötétcián	#008B8B	0, 139, 139
A zöldeskék	#008080	0, 128, 128
Kék tónusok:
Aqua	#00FFFF	0, 255, 255
Cián	#00FFFF	0, 255, 255
LightCyan	#E0FFFF	224, 255, 255
Halvány Türkiz	#FEEEE	175, 238, 238
Akvamarin	#7FFFD4	127, 255, 212
Türkiz	#40E0D0	64, 224, 208
Közepes türkiz	#48D1CC	72, 209, 204
Sötét Türkiz	#00CED1	0, 206, 209
CadetBlue	#5F9EA0	95, 158, 160
SteelBlue	#4682B4	70, 130, 180
LightSteelBlue	#B0C4DE	176, 196, 222
Kobalt kék	#B0E0E6	176, 224, 230
Világoskék	#ADD8E6	173, 216, 230
Égszínkék	#87CEEB	135, 206, 235
LightSkyBlue	#87CEFA	135, 206, 250
DeepSkyBlue	#00BFFF	0, 191, 255
Dodger Blue	#1E90FF	30, 144, 255
Búzavirágkék	#6495ED	100, 149, 237
Közepes palakék	#7B68EE	123, 104, 238
Királykék	#4169E1	65, 105, 225
Kék	#0000FF	0, 0, 255
Közepes kék	#0000CD	0, 0, 205
Sötétkék	#00008B	0, 0, 139
haditengerészet	#000080	0, 0, 128
Éjkék	#191970	25, 25, 112
Fehér tónusok:
fehér	#FFFFFF	255, 255, 255
Hó	#FFFAFA	255, 250, 250
Mézharmat	#F0FFF0	240, 255, 240
MintCream	#F5FFFA	245, 255, 250
Égszínkék	#F0FFFF	240, 255, 255
AliceBlue	#F0F8FF	240, 248, 255
GhostWhite	#F8F8FF	248, 248, 255
Fehér füst	#F5F5F5	245, 245, 245
Tengeri kagyló	#FFF5EE	255, 245, 238
Bézs	#F5F5DC	245, 245, 220
OldLace	#FDF5E6	253, 245, 230
Virágfehér	#FFFAF0	255, 250, 240
Elefántcsont	#FFFFFF0	255, 255, 240
Antik Fehér	#FAEBD7	250, 235, 215
Vászon	#FAF0E6	250, 240, 230
Levendulapirosító	#FFF0F5	255, 240, 245
MistyRose	#FFE4E1	255, 228, 225
Szürke tónusok:
Gainsboro	#DCDCDC	220, 220, 220
Világos szürke	#D3D3D3	211, 211, 211
Világos szürke	#D3D3D3	211, 211, 211
Ezüst	#C0C0C0	192, 192, 192
Sötét szürke	#A9A9A9	169, 169, 169
Sötétszürke	#A9A9A9	169, 169, 169
szürke	#808080	128, 128, 128
szürke	#808080	128, 128, 128
DimGray	#696969	105, 105, 105
DimGrey	#696969	105, 105, 105
LightSlateGray	#778899	119, 136, 153
Világos palaszürke	#778899	119, 136, 153
Palaszürke	#708090	112, 128, 144
Palaszürke	#708090	112, 128, 144
DarkSlateGray	#2F4F4F	47, 79, 79
Sötét palaszürke	#2F4F4F	47, 79, 79
Fekete	#000000	0, 0, 0

A színek megadására hexadecimális számokat használunk. A hexadecimális rendszer, a decimális rendszertől eltérően, ahogy a neve is sugallja, a 16-os számon alapul. A számok a következők: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. A 10 és 15 közötti számokat latin betűk helyettesítik. A hexadecimális rendszerben a 15-nél nagyobb számok két szám egyesítésével jönnek létre. Például a 255 decimális szám megfelel a hexadecimális FF számnak. A számrendszer meghatározásakor a félreértések elkerülése érdekében a hexadecimális szám elé egy # hash szimbólum kerül, például #666999. A három szín – piros, zöld és kék – mindegyike 00 és FF közötti értéket vehet fel. Így a színszimbólum három komponensre oszlik #rrggbb, ahol az első két szimbólum a szín piros összetevőjét jelzi, a középső kettő zöld, az utolsó kettő pedig kék. Megengedett a #rgb rövidített alak használata, ahol minden karaktert meg kell duplázni. Így a #fe0 bejegyzést #ffee00-nak kell tekinteni.

Név szerint

internet böngésző	Króm	Opera	Szafari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

A böngészők nevük alapján támogatnak bizonyos színeket. táblázatban 1 mutatja a neveket, hexadecimális kódot, RGB, HSL értékeket és leírást.

asztal 1. Színek nevei

Név	Kód	RGB	HSL	Leírás
fehér	#ffffff vagy #ffff	rgb(255 255 255)	hsl (0,0%, 100%)	fehér
ezüst	#c0c0c0	rgb(192;192,192)	HSL (0,0%, 75%)	Szürke
szürke	#808080	rgb(128.128.128)	hsl (0,0%, 50%)	Sötétszürke
fekete	#000000 vagy #000	rgb(0;0;0)	hsl(0,0%,0%)	Fekete
gesztenyebarna	#800000	rgb(128;0;0)	hsl (0,100%, 25%)	Sötét vörös
piros	#ff0000 vagy #f00	rgb(255;0;0)	hsl(0,100%,50%)	Piros
narancs	#ffa500	rgb(255;165;0)	HSL(38,8,100%,50%)	narancs
sárga	#ffff00 vagy #ff0	rgb(255;255;0)	HSL(60,100%,50%)	Sárga
olajbogyó	#808000	rgb(128;128;0)	HSL (60 100%, 25%)	Olajbogyó
mész	#00ff00 vagy #0f0	rgb(0;255;0)	hsl(120,100%,50%)	Világos zöld
zöld	#008000	rgb(0;128;0)	HSL (120 100%, 25%)	Zöld
aqua	#00ffff vagy #0ffff	rgb(0,255,255)	hsl(180,100%,50%)	Kék
kék	#0000ff vagy #00f	rgb(0;0;255)	HSL(240,100%,50%)	Kék
haditengerészet	#000080	rgb(0;0;128)	HSL (240 100%, 25%)	Sötétkék
a zöldeskék	#008080	rgb(0,128,128)	HSL(180100%,25%)	Kékeszöld
fukszia	#ff00ff vagy #f0f	rgb(255;0;255)	hsl(300,100%,50%)	Rózsaszín
lila	#800080	rgb(128;0;128)	hsl(300,100%,25%)	Ibolya

RGB használata

internet böngésző	Króm	Opera	Szafari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

A színt a vörös, zöld és kék értékekkel határozhatja meg tizedesjegyben. A három színösszetevő mindegyike 0 és 255 közötti értéket vesz fel. Megengedett a szín százalékos megadása is, ahol a 100% a 255-ös számnak felel meg. Először adja meg az rgb kulcsszót, majd zárójelben adja meg a színösszetevőket. , vesszővel elválasztva, például rgb(255 , 128, 128) vagy rgb(100%, 50%, 50%).

RGBA

internet böngésző	Króm	Opera	Szafari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Az RGBA formátum szintaxisában hasonló az RGB-hez, de tartalmaz egy alfa-csatornát, amely meghatározza az elem átlátszóságát. A 0 érték teljesen átlátszó, az 1 az átlátszatlan, a közbülső érték, például a 0,5 pedig félig átlátszó.

Az RGBA-t hozzáadták a CSS3-hoz, ezért a CSS-kódot ehhez a verzióhoz kell érvényesíteni. Megjegyzendő, hogy a CSS3 szabvány még fejlesztés alatt áll, és egyes funkciók változhatnak. Például egy, a background-color tulajdonsághoz hozzáadott RGB formátumú szín érvényesítésre kerül, de a háttértulajdonsághoz hozzáadott szín már nem érvényes. Ugyanakkor a böngészők pontosan megértik mindkét tulajdonság színét.

HSL

internet böngésző	Króm	Opera	Szafari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

A HSL formátum neve a Hue (árnyalat), Saturate (telítettség) és Lightness (lightness) első betűk kombinációjából származik. A színárnyalat a színkör színértéke (1. ábra), és fokokban van megadva. A 0° a pirosnak, a 120° a zöldnek, a 240° pedig a kéknek felel meg. A színárnyalat értéke 0 és 359 között változhat.

Rizs. 1. Színkör

A telítettség a szín intenzitása, és 0% és 100% közötti százalékban mérik. A 0% érték a szín hiányát és a szürke árnyalatát jelzi, a 100% pedig a telítettség maximális értéke.

A világosság megadja, hogy a szín mennyire világos, és százalékban van megadva 0% és 100% között. Az alacsony értékek sötétebbé teszik a színt, a magas értékek pedig világosabbá teszik a színt; az extrém 0% és 100% értékek a fekete-fehérnek felelnek meg.

HSLA

internet böngésző	Króm	Opera	Szafari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

A HSLA formátum szintaxisában hasonló a HSL-hez, de tartalmaz egy alfa-csatornát az elem átlátszóságának meghatározására. A 0 érték teljesen átlátszó, az 1 az átlátszatlan, a közbülső érték, például a 0,5 pedig félig átlátszó.

Az RGBA, HSL és HSLA színértékek hozzáadódnak a CSS3-hoz, ezért kérjük, ellenőrizze a kód verziójának érvényességét ezen formátumok használatakor.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Színek

Figyelem

Az oldalon felsorolt összes oroszlánfogási módszer elméleti és számítási módszereken alapul. A szerzők nem garantálják az Ön biztonságát használatuk során, és kizárnak semmilyen felelősséget az eredményekért. Ne feledje, az oroszlán ragadozó és veszélyes állat!

Arrrgh!

Ennek a példának az eredménye az ábrán látható. 2.

Rizs. 2. Színek a weboldalon