HTML-színkódok

A webszínek a weboldalak tervezésénél használt színek, valamint e színek leírásának és felsorolásának módjai.

A weboldalak részeinek színválasztása többféleképpen történhet. A színeket RGB-tripletként (három számból álló számhalmaz) hexadecimális formátumban (hexa-triplet) is fel lehet tüntetni. Az RGB-triplet 16 777 216 különböző színt alkothat. Sok gyakori színt a közös angol nevük alapján is ki lehet választani. A színértékek létrehozásához gyakran színkezelő eszközt vagy más grafikai szoftvert használnak.

A Mosaic és a NetscapeNavigator első verziói az X11 színneveket használták színlistáik alapjául. Ez azért volt így, mert mindkettő X Window System alkalmazásként indult.

Minden webszínnek saját meghatározása van, az sRGB. Ez egyetlen foszforkészlet, egy adott átviteli görbe, adaptív fehérpont és a megtekintési körülmények kromatikájára vonatkozik. Ezeket úgy választottuk ki, hogy hasonlóak legyenek számos valós monitorhoz és megtekintési körülményhez. A létrehozott színek még színkezelés nélkül is meglehetősen közel állnak a megadott értékekhez. A felhasználói eszközök azonban eltérhetnek abban a hűségben, amellyel a színeket megjelenítik. A jobb felhasználói programok színkezelést használnak a jobb színhűség érdekében. Ez fontos a webről nyomtatásra történő alkalmazások esetében.

Hex triplett

A hex hármas szám egy hatjegyű, három bájtos szám, amelyet a HTML, CSS, SVG és más számítógépes programok a színek ábrázolására használnak. A bájtok a szín piros, zöld és kék részét jelölik. Egy bájt egy számot képvisel a 00-tól FF-ig terjedő tartományban, vagy tizedesjegyrendszerben 0-tól 255-ig. Ez az egyes színkomponensek legkisebb (0) és legnagyobb (255) intenzitását jelenti. A hexatriplet három bájt hexadecimális jelöléssel történő összekapcsolásával jön létre, a következő sorrendben:

1. bájt: piros érték (piros színtípus)

2. bájt: zöld érték (zöld színtípus)

3. bájt: kék érték (kék színtípus)

Vegyük például azt a színt, ahol a piros/zöld/kék értékek tizedes számok: piros=36, zöld=104, kék=160 (szürkéskék szín). A 36, 104 és 160 tizedes számok hasonlóak a 24, 68 és A0 számokhoz. A hexatriplát a 6 hexadecimális számjegy kombinálásával kapjuk, ebben a példában 2468A0.

HTML web színek

Az 1997-ben kifejlesztett termék eredetileg 16 színből állt. A narancssárga színt később adták hozzá, így összesen 17 lett. Az eredeti 16 az úgynevezett "Windows VGA sablon" része volt, ami azt jelenti, hogy ezek azok a színek, amelyek olyan műveletekhez használhatók, mint a kiemelés. []

Színes

Hexadecimal

Színes

Hexadecimal

Színes

Hexadecimal

Színes

Hexadecimal

aqua

#00FFFF

szürke

#808080

tengerészgyalogság

#000080

ezüst

#C0C0C0C0

fekete

#000000

zöld

#008000

olívaolaj

#808000

teal

#008080

kék

#0000FF

lime

#00FF00

lila

#800080

fehér

#FFFFFF

fukszia

#FF00FF

gesztenyebarna

#800000

piros

#FF0000

sárga

#FFFF00

HTML szín később hozzáadva

Színes

Hexadecimal

narancs

#FFA500



X11 színek (1987-ben alakult ki)

Ezeket a világháló 1991-es feltalálása óta "X11 webszíneknek" nevezik.

HTML név

Hex kódR
G B

Tizedes kódR
G B

Piros színek

Indiai vörös

CD 5C 5C 5C

205  92  92

Világos korall

F0 80 80

240 128 128

Lazac

FA 80 72

250 128 114

Sötét lazac

E9 96 7A

233 150 122

Könnyű lazac

FF A0 7A

255 160 122

Crimson

DC 14 3C

220  20  60

Red

FF 00 00 00

255   0   0

Tűzálló tégla

B2 22 22

178  34  34

Sötétvörös

8B 00 00

139   0   0

Rózsaszín színek

Rózsaszín

FF C0 CB

255 192 203

Világos rózsaszín

FF B6 C1

255 182 193

Hot Pink

FF 69 B4

255 105 180

Mély rózsaszín

FF 14 93

255  20 147

Közepes lila vörös

C7 15 85

199  21 133

Halvány lila vörös

DB 70 93

219 112 147

Narancssárga színek

Könnyű lazac

FF A0 7A

255 160 122

Korall

FF 7F 50

255 127  80

Paradicsom

FF 63 47

255  99  71

OrangeRed

FF 45 00

255  69   0

Sötét narancs

FF 8C 00

255 140   0

Narancs

FF A5 00

255 165   0

Sárga színek

Arany

FF D7 00

255 215   0

Sárga

FF FF FF 00

255 255   0

Világossárga

FF FF FF E0

255 255 224

Citrom Chiffon

FF FA CD

255 250 205

Világos aranyrúd sárga

FA FA FA D2

250 250 210

Papaya Whip

FF EF D5

255 239 213

Mokaszin

FF E4 B5

255 228 181

Barack puff

FF DA B9

255 218 185

Fakó aranyrúd

EE E8 AA

238 232 170

Khaki

F0 E6 8C

240 230 140

Sötét khaki

BD B7 6B

189 183 107

Lila színek

Levendula

E6 E6 FA

230 230 250

Thistle

D8 BF D8

216 191 216

Szilva

DD A0 DD

221 160 221

Violet

EE 82 EE

238 130 238

Orchidea

DA 70 D6

218 112 214

Fukszia

FF 00 FF

255   0 255

Magenta

FF 00 FF

255   0 255

Közepes orchidea

BA 55 D3

186  85 211

Közepes lila

93 70 DB

147 112 219

Ametiszt

99 66 CC

153 102 204

Kék ibolya

8A 2B E2

138  43 226

Sötét ibolya

94 00 D3

148   0 211

Sötét orchidea

99 32 CC

153  50 204

Sötét magenta

8B 00 8B

139   0 139

Lila

80 00 80

128   0 128

Indigo

4B 00 82

 75   0 130

pala kék

6A 5A CD

106  90 205

Sötét pala kék

48 3D 8B

 72  61 139

Közepes pala kék

7B 68 EE

123 104 238

HTML név

Hex kódR
G B

Tizedes kódR
G B

Zöld színek

Zöld Sárga

AD FF 2F

173 255  47

Chartreuse

7F FF 00

127 255   0

Pázsit zöld

7C FC 00

124 252   0

Mész

00 FF 00

  0 255   0

Lime zöld

32 CD 32

 50 205  50

Halványzöld

98 FB 98

152 251 152

Világoszöld

90 EE 90

144 238 144

Közepes tavaszi zöld

00 FA 9A

  0 250 154

Tavaszi zöld

00 FF 7F

  0 255 127

Közepes tengerzöld

3C B3 71

 60 179 113

Tengeri zöld

2E 8B 57

 46 139  87

Forest Green

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 CD 32

154 205  50

olajzöld színű

6B 8E 23

107 142  35

Olive

80 80 00

128 128   0

Sötét olajzöld

55 6B 2F

 85 107  47

Közepes akvamarin

66 CD AA

102 205 170

Sötét tengerzöld

8F BC 8F

143 188 143

Világos tengerzöld

20 B2 AA

 32 178 170

Sötét cián

00 8B 8B 8B

  0 139 139

Teal

00 80 80

  0 128 128

Kék színek

Aqua

00 FF FF FF

  0 255 255

Cyan

00 FF FF FF

  0 255 255

Világos cián

E0 FF FF FF

224 255 255

Halvány türkiz

AF EE EE EE

175 238 238

Akvamarin

7F FF D4

127 255 212

Türkizkék

40 E0 D0

 64 224 208

Közepes türkiz

48 D1 CC

 72 209 204

Sötét türkiz

00 CE D1

  0 206 209

Kadét kék

5F 9E A0

 95 158 160

Acélkék

46 82 B4

 70 130 180

Világos acélkék

B0 C4 DE

176 196 222

Púder kék

B0 E0 E6

176 224 230

Világoskék

AD D8 E6

173 216 230

Égszínkék

87 CE EB

135 206 235

Világos égszínkék

87 CE FA

135 206 250

Mély égszínkék

00 BF FF

  0 191 255

Dodger Blue

1E 90 FF

 30 144 255

Búzavirág kék

64 95 ED

100 149 237

Közepes pala kék

7B 68 EE

123 104 238

Királyi kék

41 69 E1

 65 105 225

Kék

00 00 00 FF

  0   0 255

Közepes kék

00 00 00 CD

  0   0 205

Sötétkék

00 00 8B

  0   0 139

Haditengerészet

00 00 80

  0   0 128

Éjféli kék

19 19 70

 25  25 112

HTML név

Hex kódR
G B

Tizedes kódR
G B

Barna színek

Cornsilk

FF F8 DC

255 248 220

Blanchált mandula

FF EB CD

255 235 205

Bisque

FF E4 C4 C4

255 228 196

Navajo fehér

FF DE AD

255 222 173

Búza

F5 DE B3

245 222 179

Burly Wood

DE B8 87

222 184 135

Tan

D2 B4 8C

210 180 140

Rózsabarna

BC 8F 8F 8F

188 143 143

Sandy Brown

F4 A4 60

244 164  96

Goldenrod

DA A5 20

218 165  32

Sötét aranyrúd

B8 86 0B

184 134  11

Peru

CD 85 3F

205 133  63

Csokoládé

D2 69 1E

210 105  30

Nyereg barna

8B 45 13

139  69  19

Sienna

A0 52 2D

160  82  45

Barna

A5 2A 2A 2A

165  42  42

Maroon

80 00 00

128   0   0

Fehér színek

Fehér

FF FF FF FF FF

255 255 255

FF FA FA FA

255 250 250

Mézesmadzag

F0 FF F0

240 255 240

Menta krém

F5 FF FA

245 255 250

Azúrkék

F0 FF FF FF

240 255 255

Alice Blue

F0 F8 FF

240 248 255

Szellem fehér

F8 F8 FF

248 248 255

Fehér füst

F5 F5 F5 F5

245 245 245

Kagylóhéj

FF F5 EE

255 245 238

Bézs

F5 F5 DC

245 245 220

Old Lace

FD F5 E6

253 245 230

Virágos fehér

FF FA F0

255 250 240

Elefántcsont

FF FF FF F0

255 255 240

Antik fehér

FA EB D7

250 235 215

Vászon

FA F0 E6

250 240 230

Levendula pirosító

FF F0 F5

255 240 245

Misty Rose

FF E4 E1

255 228 225

Szürke színek

Gainsboro

DC DC DC DC DC

220 220 220

Világosszürke

D3 D3 D3 D3 D3

211 211 211

Ezüst

C0 C0 C0 C0

192 192 192

Sötét szürke

A9 A9 A9 A9

169 169 169

Szürke

80 80 80

128 128 128

Dim Gray

69 69 69

105 105 105

Világos pala szürke

77 88 99

119 136 153

pala szürke

70 80 90

112 128 144

Sötét pala szürke

2F 4F 4F 4F

 47  79  79

Fekete

00 00 00

  0   0   0

A kiválasztott webes színek grafikonja

Ez a táblázat a kiválasztott HTML és X11 színeket, valamint a webdesignerek által 2002 óta kifejlesztett, nem hivatalos konszenzusos webszíneket mutatja. A nem hivatalos színeket használó kód beírásakor a szín nevének leírása helyett a szín hexakódját kell megadni.

·         megtekintés

·         beszélgetés

·         szerkesztés

Web színek (lista)

Fehér

ezüst

szürke

fekete

tengerészgyalogság

kék

cerulean

égszínkék

türkizkék

kék-zöld

azúrkék

teal

cián

zöld

lime

chartreuse

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

olívaolaj

sárga

arany

borostyán

narancs

barna

narancs-piros

piros

gesztenyebarna

rózsa

vörös-ibolya

rózsaszín

magenta

lila

kék-ibolya

indigo

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

bézs

elefántcsont

ibolya

barack

sárgabarack

okkersárga

szilva

 

 

 

 

 

 

 



Kérdések és válaszok

K: Mik azok a webszínek?


V: A webszínek a weboldalak tervezésénél használt színek, valamint e színek leírásának és felsorolásának módjai.

K: Hány különböző színt lehet létrehozni RGB-triplákkal?


V: RGB-tripletekkel 16 777 216 különböző színt lehet létrehozni.

K: Vannak e színek némelyikének közismert angol nevei?


V: Igen, sok gyakori színt a gyakori angol nevük alapján is ki lehet választani.

K: Milyen szoftvert használnak általában a színértékek létrehozásához?


V: A színértékek létrehozásához gyakran színkezelő eszközt vagy más grafikai szoftvert használnak.

K: Mi volt az eredeti Mosaic és Netscape Navigator színlisták alapja?


V: A Mosaic és a Netscape Navigator első változatai az X11 színneveket használták színlistáik alapjául, mivel mindkettő X Window System alkalmazásként indult.

K: Mihez kapcsolódik az sRGB, amikor a webes színekről van szó?


V: Minden webes színnek megvan a saját definíciója, az sRGB, amely egyetlen foszforkészlet, egy adott átviteli görbe, adaptív fehérpont és a megtekintési körülmények színképességére vonatkozik.

K: Hogyan jelenítik meg pontosan ezeket a színeket a felhasználói programok?


V: A jobb felhasználói ügynökök színkezelést használnak a jobb színhűség elérése érdekében, ami fontos a webről nyomtatásra történő alkalmazások esetében.

AlegsaOnline.com - 2020 / 2023 - License CC3