HTML színek

Az oldal jelenlegi verzióját még nem ellenőrizték tapasztalt közreműködők, és jelentősen eltérhet a 2022. május 9-én felülvizsgált verziótól ; az ellenőrzések 2 szerkesztést igényelnek .

A webszínek a weboldalak megjelenítéséhez használt színek , valamint a színek leírásának és meghatározásának módszerei.

Számos fő módja van bemutatásuknak:

  1. Mint #123ABC. Ábrázolás három pár hexadecimális számjegy formájában , ahol minden pár felelős a saját színéért:
    1. Az első két számjegy piros
    2. Kettő középen - zöld
    3. Az utolsó két számjegy kék
      . A szín röviden #ABC-ként is ábrázolható, amely #AABBCC-ként értelmezhető.
  2. Kulcsszó ábrázolás , pl . zöld , fekete . Annak érdekében, hogy elkerüljük azokat az eseteket, amikor a megadott kulcsszót a böngésző nem "érti" , csak az összes böngészőben használt elsődleges színek egy kis készletét szabad használni.
  3. RGB (*,*,*) formában , ahol a "*" számok 0-tól 255-ig, jelezve a megfelelő szín (piros, zöld, kék) mennyiségét a kapott színben.
  4. Az RGBA (*,*,*,*) is lehetséges , ahol az első 3 "*" a 0-tól 255-ig terjedő tartományban megadott színösszetevők, az utolsó "*" pedig az átlátszatlansági szint ( alfa csatorna ), amelyet a rational határoz meg. számok 0-tól egyig.

Színnevek a HTML -ben

A HTML 4.01 specifikáció [1] a következő 16 kulcsszínt határozza meg (ebben az összefüggésben kis- és nagybetűk is használhatók):

Szín A kód Szín A kód Szín A kód Szín A kód
#00ffff aqua (tengeri hullám, cián) #000000 fekete (fekete) #0000ff kék (kék) #ff00ff fukszia (fukszia, magenta)
#808080 szürke #008000 zöld (zöld) #00ff00 lime (lime, világoszöld) #800000 gesztenyebarna (barna)
#000080 sötétkék (sötétkék) #808000 olajbogyó (olíva) #800080 lila #ff0000 piros (piros)
#c0c0c0 ezüst (ezüst) #008080 kékeszöld (kék-zöld) #ffffff fehér (fehér) #ffff00 sárga (sárga)

^ A specifikáció angol színneveket használ.

Netscape Safe Palette

A 256 színű videokártyák korában széles körben használták az úgynevezett "Netscape biztonságos palettát " - egy egységes 6x6x6-os palettát. A truecolor esetén a biztonságos színek mindhárom összetevője – R, G és B – egyenlő 00, 33, 66, 99, CCés FF. A Netscape böngésző garantálta, hogy ezek a színek nagyítás vagy szűrés nélkül jelenjenek meg .

Más szóval, a szabványos 16 színű paletta és a 6x6x6 paletta 216 színe volt a leginkább preferált kép- és háttérszíneknél .

Az 1990- es évek végére , amikor a 8 bites színek teljesen eltűntek az operációs rendszer asztali számítógépeiről , ez a követelmény megszűnt. Az Adobe Photoshop azonban továbbra is rendelkezik a „Csak webszínek” opcióval ( csak angol nyelven  csak webszínek ).

Színnevek az X11 -ben

HTML név K Z S 16 K Z S 10
Piros
indiánvörös CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Lazac FA 80 72 250 128 114
DarkSalmon E9967A 233 150 122
LightSalmon FF A0 7A 255 160 122
Karmazsinvörös DC 14 3C 220 20 60
Piros 00 00 FF 255 0 0
Tűztégla B2 22 22 178 34 34
sötét vörös 8B 00 00 139 0 0
Rózsaszín
Rózsaszín FF C0 CB 255 192 203
világos rózsaszín FF B6 C1 255 182 193
dögös rózsaszín FF 69 B4 255 105 180
mély rózsaszín 14 93 FF 255 20 147
Közepes VioletPiros C7 15 85 199 21 133
HalványVioletPiros DB 70 93 219 112 147
narancssárga
Korall FF 7F 50 255 127 80
paradicsom 63 47 FF 255 99 71
Narancsvörös 45 00 FF 255 69 0
sötét narancs FF8C00 255 140 0
narancssárga FF A5 00 255 165 0
sárga
Arany FF-D700 255 215 0
Sárga FF FF 00 255 255 0
Halványsárga FF FF E0 255 255 224
Citromsifon FF FA CD 255 250 205
Világos aranyvessző sárga FA FA D2 250 250 210
Papaya ostor FF EF D5 255 239 213
Mokaszin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
Halvány Aranyvessző EE E8AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107
lila
Levendula E6 E6 FA 230 230 250
Bogáncs D8 BF D8 216 191 216
Szilva DD A0 DD 221 160 221
ibolya EE 82 EE 238 130 238
Orchidea DA 70 D6 218 112 214
fukszia (bíbor) FF00FF 255 0 255
Közepes orchidea BA 55 D3 186 85 211
Közepes lila 93 70 DB 147 112 219
kék ibolya 8A 2B E2 138 43 226
sötét ibolya 9400 D3 148 0 211
Sötét orchidea 9932CC 153 50 204
Sötétbíbor 8B 00 8B 139 0 139
Lila 80 00 80 128 0 128
Indigó 4B 00 82 75 0 130
Palakék 6A 5A CD 106 90 205
Sötét palakék 48 3D 8B 72 61 139
HTML név K Z S 16 K Z S 10
Zöld
Zöld sárga ADFF 2F 173 255 47
karthauzi likőr 7F FF 00 127 255 0
Gyepzöld 7CFC00 124 252 0
mész 00 FF 00 0 255 0
Zöldcitrom zöld 32 CD 32 50 205 50
halvány zöld 98 FB 98 152 251 152
Világos zöld 90EE 90 144 238 144
Közepes tavaszi zöld 00FA 9A 0 250 154
Tavaszi zöld 00FF 7F 0 255 127
Közepes tengerzöld 3C B3 71 60 179 113
tenger zöld 2E 8B 57 46 139 87
erdő zöld 22 8B 22 34 139 34
Zöld 00 80 00 0 128 0
sötétzöld 00 64 00 0 100 0
sárga zöld 9A CD32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Olajbogyó 80 80 00 128 128 0
Sötét olívazöld 55 6B 2F 85 107 47
Közepes akvamarin 66 CDAA 102 205 170
Sötét tengerzöld 8F Kr.e. 8F 143 188 143
LightSeaGreen 20 B2AA 32 178 170
Sötétcián 00 8B 8B 0 139 139
A zöldeskék 00 80 80 0 128 128
Kék
Aqua (ciánkék) 00FFFF 0 255 255
LightCyan E0 FF FF 224 255 255
halvány türkiz AF EE EE 175 238 238
akvamarin 7FFF D4 127 255 212
Türkiz 40 E0 D0 64 224 208
Közepes türkiz 48 D1CC 72 209 204
Sötét türkiz 00CE D1 0 206 209
Kék kadét 5F 9E A0 95 158 160
acél kék 46 82 B4 70 130 180
LightSteelBlue B0 C4 DE 176 196 222
Kobalt kék B0 E0 E6 176 224 230
világoskék AD D8 E6 173 216 230
égszínkék 87 CEEB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 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 41 69 E1 65 105 225
Kék 0000 FF 0 0 255
Közepes kék 0000 CD 0 0 205
sötétkék 00 00 8B 0 0 139
haditengerészet 00 00 80 0 0 128
éjkék 19 19 70 25 25 112
HTML név K Z S 16 K Z S 10
Barna
Cornsilk FF F8 DC 255 248 220
Blansírozott mandula FF EB CD 255 235 205
Krémleves FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Búza F5 DE B3 245 222 179
Burlywood DE B8 87 222 184 135
Cser D2 B4 8C 210 180 140
Rózsabarna BC 8F 8F 188 143 143
Sandy Brown F4 A4 60 244 164 96
Aranyvessző DA A5 20 218 165 32
Sötét aranyvessző B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Csokoládé D2 69 1E 210 105 30
Nyeregbarna 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Barna A5 2A 2A 165 42 42
gesztenyebarna 80 00 00 128 0 0
fehér
fehér FF FF FF 255 255 255
Hó FF FA FA 255 250 250
Mézharmat F0 FF F0 240 255 240
MintCream F5FFFA 245 255 250
Égszínkék F0 FF FF 240 255 255
Alice Blue F0 F8 FF 240 248 255
szellem fehér F8 F8FF 248 248 255
fehér füst F5 F5 F5 245 245 245
Tengeri kagyló FF F5 EE 255 245 238
Bézs F5 F5 DC 245 245 220
Régi csipke FD F5 E6 253 245 230
Virágfehér FF FA F0 255 250 240
Elefántcsont FF FF F0 255 255 240
antik fehér FA EB D7 250 235 215
vászon FA F0 E6 250 240 230
Levendulapirosító FF F0 F5 255 240 245
MistyRose FF-E4-E1 255 228 225
Szürke *
Gainsboro DC DC DC 220 220 220
világos szürke D3 D3 D3 211 211 211
Ezüst C0 C0 C0 192 192 192
sötét szürke A9 A9 A9 169 169 169
szürke 80 80 80 128 128 128
Dim Gray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
Palaszürke 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79
Fekete 00 00 00 0 0 0

CSS színek

A Cascading Style Sheets nyelv meghatározza az összes HTML4 és X11 színt, valamint ezeket [2] :

A CSS 2.1-ben hozzáadott színek
szín Név Hex (RGB) Piros
(RGB) 		zöld
(RGB) 		kék
(RGB) 		Színárnyalat
(HSL/HSV) 		Satur
(HSL) 		Fény
(HSL) 		Satur
(HSV) 		Érték
(HSV)		 Álnév
  narancssárga #FFA500 100% 65% 0% 39° 100% ötven% 100% 100%  
A CSS 4-ben hozzáadott színek
szín Név Hex (RGB) Piros
(RGB) 		zöld
(RGB) 		kék
(RGB) 		Színárnyalat
(HSL/HSV) 		Satur
(HSL) 		Fény
(HSL) 		Satur
(HSV) 		Érték
(HSV)		 Álnév
  Rebecca Purple #663399 40% húsz% 60% 270° ötven% 40% 67% 60%  

A szín Rebeccáról, Eric Meyer lányáról kapta a nevét, aki egy promóter és a CSS egyik fejlesztője. 6 évesen agydaganatban halt meg.

A CSS 2, SVG és CSS 2.1 is lehetővé teszi a rendszerszínek használatát, amelyek olyan színnevek,  amelyek értékeit az operációs rendszer határozza meg , például a rendszerszínt a kiemelt szöveghez vagy a hátteret a vezérlőkhöz. Ez lehetővé teszi a webfejlesztők számára, hogy az oldal tartalmát a felhasználó operációs rendszerének stílusához igazítsák. [3] A CSS3 színmodul megszüntette a rendszerszínek használatát, és a CSS3 UI System Appearance tulajdonsággal váltotta fel, [4] [5] amelyet ezt követően eltávolítottak a CSS3-ból. [6]

A CSS3 specifikáció a HSL színmodellt is bemutatja :

/* színnév */ p { color : red } /* Alapszínlista */ p { color : blanchedalmond } /* Bővített színlista (X11) */ /* RGB modell */ p { color : #F00 } /* #rgb */ p { color : #FF0000 } /* #rrggbb */ p { color : rgb ( 255 , 0 , 0 )} /* egész szám a tartományban 0 - 255 */ p { szín : rgb ( 100 % , 0 % , 0 % ) } /* float 0,0 % - 100,0 % */ /* RGB modell alfa csatornával, CSS3-ban bevezetve */ p { color : rgba ( 255 , 0 , 0 , 0.5 ) } /* 0.5 transzparencia, áttetszőség */ /* HSL modell, bevezetve a CSS3-ban */ p { color : hsl ( 0 , 100 % , 50 % ) } /* red (red) */ p { color : hsl ( 120 , 100 % , 50 % ) } /* zöld (zöld) */ p { szín : hsl ( 120 , 100 % , 25 % ) } /* sötétzöld (sötétzöld) */ p { szín : hsl ( 120 , 100 % , 75 % ) } /* világos - zöld (világoszöld) */ p { szín : hsl ( 120 , 50 % , 50 % ) } /* pasztellzöld (pasztellzöld) */ /* HSL modell alfa csatornával */ p { szín : hsla ( 120 , 100 % , 50 % , 1 ) } /* zöld (zöld) */ p { szín : hsla ( 120 , 100 % , 50 % , 0.5 ) } /* áttetsző zöld */ p { szín : hsla ( 120 , 100 % , 50 % , 0,1 ) } /* nagyon átlátszó zöld */

Jegyzetek

  1. ↑ HTML 4.01 specifikáció, 6.5 „Színek” . Letöltve: 2016. november 9. Az eredetiből archiválva : 2016. november 14.
  2. ↑ CSS 2.1 specifikáció: Szintaxis és alapvető adattípusok: Színek (2009. szeptember 8.). Hozzáférés dátuma: 2009. december 21. Az eredetiből archiválva : 2013. február 7..
  3. ↑ Felhasználói felület – Rendszerszínek . Hozzáférés dátuma: 2013. január 27. Az eredetiből archiválva : 2008. március 28.
  4. ↑ CSS3 színmodul – CSS2 rendszerszínek . Letöltve: 2013. január 27. Az eredetiből archiválva : 2017. november 29..
  5. ↑ CSS3Basic felhasználói felület modul, W3C kandidátusi ajánlás, 2004. május 11.: A rendszer megjelenése . Hozzáférés dátuma: 2013. január 27. Az eredetiből archiválva : 2013. január 26.
  6. ↑ CSS Basic User Interface Module Level 3 (CSS3 UI), W3C munkatervezet, 2012. január 17.: A lényeges változtatások listája archiválva 2010. december 1-én a Wayback Machine -nél , "A rendszer megjelenése megszűnt, beleértve a megjelenési értékeket, tulajdonságokat és rendszert fonts / a "font" tulajdonság kiterjesztése.

Linkek

A böngésző által helyesen megjelenített színek listája:

 Színes modellek