HTML-färger | färger som används vid utformning av webbsidor

Webbfärger är färger som används vid utformning av webbsidor, och metoderna för att beskriva och förteckna dessa färger.

Det finns flera sätt att välja färger för delar av webbsidor. Färger kan anges som en RGB-trippel (en uppsättning av tre siffror) i hexadecimalt format (en hex-trippel). RGB-trippel kan ge 16 777 216 olika färger. Många vanliga färger kan också väljas med hjälp av deras vanliga engelska namn. Ofta används ett färgverktyg eller annan grafikprogramvara för att skapa färgvärden.

De första versionerna av Mosaic och Netscape Navigator använde X11-färgnamnen som bas för sina färglistor. Detta berodde på att de båda startade som program i X Window System.

Varje webbfärg har sin egen definition, sRGB. Detta gäller kromaticiteten hos en enskild fosforuppsättning, en given överföringskurva, en adaptiv vitpunkt och betraktningsförhållanden. Dessa har valts ut för att likna många verkliga bildskärmar och betraktningsförhållanden. Även utan färghantering ligger de färger som skapas ganska nära de givna värdena. Användarprogrammen kan dock skilja sig åt när det gäller hur exakt de visar färgerna. Bättre användarprogram använder färghantering för att skapa bättre färgåtergivning. Detta är viktigt för webb-till-tryck-tillämpningar.



 

Hex triplet

En hex triplett är ett sexsiffrigt tal med tre byte som används i HTML, CSS, SVG och andra datorprogram för att representera färger. Bytes representerar de röda, gröna och blå delarna av färgen. En byte representerar ett tal i intervallet 00 till FF, eller 0 till 255 i decimalnotering. Detta representerar den lägsta (0) till högsta (255) intensiteten för var och en av färgkomponenterna. Den hexadecimala tripletten bildas genom att tre bytes i hexadecimal notation sammanfogas i följande ordning:

Byte 1: rött värde (färgtyp röd)

Byte 2: grönt värde (färgtyp grön)

Byte 3: blått värde (färgtyp blå)

Tänk till exempel på en färg där de röda/gröna/blåa värdena är decimaltal: röd=36, grön=104, blå=160 (en gråblå färg). Decimalsiffrorna 36, 104 och 160 liknar siffrorna 24, 68 respektive A0. Den hexadecimala tripletten erhålls genom att kombinera de 6 hexadecimala siffrorna tillsammans, 2468A0 i det här exemplet.



 

HTML-webbfärger

Formulerad 1997, fanns det ursprungligen 16 färger. Senare lades orange till för att få 17 färger. De ursprungliga 16 var en del av något som kallas "Windows VGA-mall", vilket innebär att det är de färger som kan användas för åtgärder som t.ex. markeringar.

Färg

Hexadecimalt

Färg

Hexadecimalt

Färg

Hexadecimalt

Färg

Hexadecimalt

aqua

#00FFFFFF

grå

#808080

marinblått

#000080

silver

#C0C0C0C0

svart

#000000

grönt

#008000

oliv

#808000

kricka

#008080

blå

#0000FF

kalk

#00FF00

lila

#800080

vit

#FFFFFFFF

fuchsia

#FF00FF

rödbrun

#800000

d

#FF0000

gul

#FFFF00

Förteckning över HTML-färgnamn

Tabellen nedan innehåller alla 140 HTML-färger. Alla moderna webbläsare har stöd för dem.

HTML-namn

Hex

Decimalkod
 R G B

Röda färger

Crimson

#DC143C

220 20 60

Ljus korall

#F08080

240 128 128

Indisk röd

#CD5C5C

205 92 92

Brandsten

#B22222

178 34 34

Brun

#A52A2A

165 42 42

Röd

#FF0000

255 0 0

Mörkröd

#8B0000

139 0 0

Maroon

#800000

128 0 0

Lax

#FA8072

250 128 114

Rosa och rosa färger

Rosa

#FFC0CB

255 192 203

Ljusrosa

#FFB6C1

255 182 193

Blek violett röd

#DB7093

219 112 147

Varmrosa

#FF69B4

255 105 180

Djupt rosa

#FF1493

255 20 147

Orange färger

Persika Puff

#FFDAB9

255 218 185

Mörk lax

#E9967A

233 150 122

Ljus lax

#FFA07A

255 160 122

Korall

#FF7F50

255 127 80

Tomat

#FF6347

255 99 71

OrangeRöd

#FF4500

255 69 0

Papaya Whip

#FFEFD5

255 239 213

Moccasin

#FFE4B5

255 228 181

Mörk orange

#FF8C00

255 140 0

Orange

#FFA500

255 165 0

Gula färger

Ljus gul guldrod gul

#FAFAD2

250 250 210

blek gullris

#EEE8AA

238 232 170

Gullris

#DAA520

218 165 32

Mörk guldrod

#B8860B

184 134 11

Guld

#FFD700

255 215 0

Citron Chiffon

#FFFACD

255 250 205

Ljusgult

#FFFFE0

255 255 224

Gul

#FFFF00

255 255 0

Olive

#808000

128 128 0

Khaki

#F0E68C

240 230 140

Mörk kaki

#BDB76B

189 183 107

Violett, lila och magenta färger

Lavendel

#E6E6FA

230 230 250

Medium Lila

#9370DB

147 112 219

Blå violett

#8A2BE2

138 43 226

Mörk violett

#9400D3

148 0 211

Indigo

#4B0082

 75 0 130

Medelstor orkidé

#BA55D3

186 85 211

Mörk orkidé

#9932CC

153 &50 204

Tistel

#D8BFD8

216 191 216

Plommon

#DDA0DD

221 160 221

Violett

#EE82EE

238 130 238

Orkidé

#DA70D6

218 112 214

Fuchsia eller magenta

#FF00FF

255 0 255

Mörk magenta

#8B008B

139 0 139

Lila

#800080

128 0 128

Medium Violett Röd

#C71585

199 21 133

HTML-namn

Hex

Decimalkod
 R G B

Gröna färger

Gult grönt

#9ACD32

154 205 50

Olivgrått

#6B8E23

107 142 35

Mörk olivgrön

#556B2F

 85 107 47

Grön Gul

#ADFF2F

173 255 47

Chartreuse

#7FFF00

127 255 0

Gräsmatta Grön

#7CFC00

124 252 0

Lime

#00FF00

  0 255 0

Grön

#008000

  0 128 0

Mörkgrön

#006400

  0 100 0

Ljusgrön

#98FB98

152 251 152

Ljusgrön

#90EE90

144 238 144

Lime Green

#32CD32

 50 205 50

Skogsgrön

#228B22

 34 139 34

Medium Spring Green

#00FA9A

  0 250 154

Vårgrön

#00FF7F

  0 255 127

Medium havsgrön

#3CB371

 60 179 113

Havsgrön

#2E8B57

 46 139 87

Mörk havsgrön

#8FBC8F

143 188 143

Cyanfärger

Akvamarin

#7FFFD4

127 255 212

Medium akvamarin

#66CDAA

102 205 170

Turkos

#40E0D0

 64 224 208

Medelstor turkos

#48D1CC

 72 209 204

Mörk turkos

#00CED1

  0 206 209

Blek turkos

#AFEEEE

175 238 238

Ljus havsgrön

#20B2AA

 32 178 170

Ljuscyan

#E0FFFFFF

224 255 255

Aqua eller Cyan

#00FFFFFF

  0 255 255

Mörkcyan

#008B8B

  0 139 139

Blåkråka

#008080

  0 128 128

Pulverblått

#B0E0E6

176 224 230

Kadettblå

#5F9EA0

 95 158 160

Azure och blå färger

Ljusblå

#ADD8E6

173 216 230

Himmelblått

#87CEEB

135 206 235

Ljus himmelsblå

#87CEFA

135 206 250

Djup himmelsblå

#00BFFF

  0 191 255

Dodger Blue

#1E90FF

 30 144 255

Ljus stålblå

#B0C4DE

176 196 222

Stålblått

#4682B4

 70 130 180

Kornblått

#6495ED

100 149 237

Kunglig blå

#4169E1

 65 105 225

Blå

#0000FF

  0 0 255

Medelblå

#0000CD

  0 0 205

Mörkblå

#00008B

  0 0 139

Marinblått

#000080

  0 0 128

Midnattsblå

#191970

 25 25 112

Medium skifferblått

#7B68EE

123 104 238

Skifferblått

#6A5ACD

106 90 205

Mörk skifferblått

#483D8B

 72 61 139

HTML-namn

Hex

Decimalkod
 R G B

Bruna färger

Cornsilk

#FFF8DC

255 248 220

Blancherad mandel

#FFEBCD

255 235 205

Bisque

#FFE4C4

255 228 196

Navajo White

#FFDEAD

255 222 173

Vete

F5 DE B3

245 222 179

Burlywood

DE B8 87

222 184 135

Tan

D2 B4 8C

210 180 140

Rosy Brown

BC 8F 8F

188 143 143

Sandy Brown

F4 A4 60

244 164 96

Peru

CD 85 3F

205 133 63

Choklad

D2 69 1E

210 105 30

Saddle Brown

8B 45 13

139 69 19

Sienna

A0 52 2D

160 82 45

Vita färger

Vit

FF FF FF FF FF

255 255 255

Snö

FF FA FA FA

255 250 250

Honungsmelon

F0 FF F0

240 255 240

Mintkräm

F5 FF FA

245 255 250

Azure

F0 FF FF FF

240 255 255

Alice Blue

F0 F8 FF

240 248 255

Ghost White

F8 F8 FF

248 248 255

Vit rök

F5 F5 F5 F5

245 245 245

Snäckskal

FF F5 EE

255 245 238

Beige

F5 F5 DC

245 245 220

Gamla spetsar

FD F5 E6

253 245 230

Blommigt vitt

FF FA F0

255 250 240

Elfenben

FF FF FF F0

255 255 240

Antikvit

FA EB D7

250 235 215

Lin

FA F0 E6

250 240 230

Lavendelrosa

FF F0 F5

255 240 245

Misty Rose

FF E4 E1

255 228 225

Gråa färger

Gainsboro

DC DC DC DC DC

220 220 220

Ljusgrå

D3 D3 D3 D3

211 211 211

Silver

C0 C0 C0 C0

192 192 192

Mörkgrå

A9 A9 A9 A9

169 169 169

Grått

80 80 80

128 128 128

Dim Gray

69 69 69

105 105 105

Ljus skiffergrå

77 88 99

119 136 153

Skiffergrått

70 80 90

112 128 144

Mörk skiffergrå

2F 4F 4F 4F

 47 79 79

Svart

00 00 00

  0 0 0



 

X11-färger (formulerade 1987)

Dessa kallas "X11-webbfärger" sedan World Wide Web uppfanns 1991.

X11-namn

Hex

Decimalkod
 R G B

Röda färger

lightcoral

#F08080

240 128 128

indianred

#CD5C5C

205 92 92

indianred1

#FF6A6A

255 106 106

indianred2

#EE6363

238 99 99

indianred3

#CD5555

205 85 85

indianred4

#8B3A3A

139 58 58

eldsten

#B22222

178 34 34

brun

#A52A2A

165 42 42

röd1

#FF0000

255 0 0

red4

#8B0000

139 0 0

Lax

#FA8072

250 128 114

Rosa och rosa färger

rosa

#FFC0CB

255 192 203

ljusrosa

#FFB6C1

255 182 193

hotpink

#FF69B4

255 105 180

deeppink1

#FF1493

255 20 147

palevioletred

#DB7093

219 112 147

rödbrun

#B03060

176 48 96

Orange färger

peachpuff1

#FFDAB9

255 218 185

darksalmon

#E9967A

233 150 122

ljusalmon1

#FFA07A

255 160 122

korall

#FF7F50

255 127 80

tomat1

#FF6347

255 99 71

orangered1

#FF4500

255 69 0

papayawhip

#FFEFD5

255 239 213

mockasin

#FFE4B5

255 228 181

mörk apelsin

#FF8C00

255 140 0

orange1

#FFA500

255 165 0

Gula färger

ljusguldgulgul

#FAFAD2

250 250 210

lightgoldenrod1

#FFEC8B

250 250 210

lightgoldenrod2

#EEDC82

238 220 130

lightgoldenrod3

#CDBE70

205 190 112

lightgoldenrod4

#8B814C

139 129 76

palegoldenrod

#EEE8AA

238 232 170

gullris

#DAA520

218 165 32

gullviva1

#FFC125

255 193 37

gullris2

#EEB422

238 180 34

gullris3

#CD9B1D

205 155 29

gullrod4

#8B6914

139 105 20

darkgoldenrod

#B8860B

184 134 11

mörk guldrod1

#FFB90F

255 184 15

mörk guldrod2

#EEAD0E

238 173 14

mörk guldrod3

#CD950C

205 149 12

mörk guldrod4

#8B6508

139 101 8

guld1

#FFD700

255 215 0

guld2

#EEC900

238 201 0

guld3

#CDAD00

205 173 0

gold4

#8B7500

139 177 0

lemonchiffon1

#FFFACD

255 250 205

lemonchiffon2

#EEE9BF

238 233 191

lemonchiffon3

#CDC9A5

2O5 201 165

lemonchiffon4

#8B8970

139 137 112

ljusgul1

#FFFFE0

255 255 224

ljusgul2

#EEEED1

238 238 209

ljusgul3

#CDCDB4

205 205 180

ljusgul4

#8B8B7A

139 139 122

gul1

#FFFF00

255 255 0

gul2

#EEEE00

238 238 0

gul3

#CDCD00

205 205 0

gul4

#8B8B00

139 139 0

khaki

#F0E68C

240 230 140

khaki1

#FFF68F

255 246 143

khaki2

#EEE685

238 230 133

khaki3

#CDC673

205 198 115

khaki4

#8B864E

139 134 78

darkkhaki

#BDB76B

189 183 107

Violett, lila och magenta färger

lavendel

#E6E6FA

230 230 250

mediumpurple

#9370DB

147 112 219

blåviolett

#8A2BE2

138 43 226

mörkviolett

#9400D3

148 0 211

lila

#A020F0

160 32 240

mediumorchid

#BA55D3

186 85 211

darkorchid

#9932CC

153 50 204

tistel

#D8BFD8

216 191 216

plommon

#DDA0DD

221 160 221

violett

#EE82EE

238 130 238

orkidé

#DA70D6

218 112 214

magenta

#FF00FF

255 0 255

maroon1

#FF34B3

255 52 179

maroon2

#EE30A7

238 48 167

maroon3

#CD2990

205 41 144

maroon4

#8B1C62

139 28 98

mediumviolettröd

#C71585

199 21 133

violettröd

#D02090

208 32 144

X11-namn

Hex

Decimalkod
 R G B

Gröna färger

gulgrön

#9ACD32

154 205 50

olivedrab

#6B8E23

107 142 35

darkolivegreen

#556B2F

 85 107 47

gröngul

#ADFF2F

173 255 47

chartreuse1

#7FFF00

127 255 0

gräsmatta grönt

#7CFC00

124 252 0

grön1

#00FF00

  0 255 0

green4

#008B00

  0 139 0

mörkgrön

#006400

  0 100 0

Palegreen

#98FB98

152 251 152

limegrön

#32CD32

 50 205 50

forestgreen

#228B22

 34 139 34

mediumspringgrön

#00FA9A

  0 250 154

Springgreen1

#00FF7F

  0 255 127

mediumseagreen

#3CB371

 60 179 113

havsgröna1

#54FF9F

 46 139 87

darkseagreen

#8FBC8F

143 188 143

Cyanfärger

akvamarin

#7FFFD4

127 255 212

mediumaquamarine

#66CDAA

102 205 170

turkos

#40E0D0

 64 224 208

mediumturquoise

#48D1CC

 72 209 204

darkturquoise

#00CED1

  0 206 209

paleturquoise

#AFEEEE

175 238 238

lightseagreen

#20B2AA

 32 178 170

lightcyan1

#E0FFFFFF

224 255 255

cyan1

#00FFFFFF

  0 255 255

cyan2

#00EEEE

  0 238 238

cyan3

#00CDCD

  0 205 205

cyan4

#008B8B

  0 139 139

puderblå

#B0E0E6

176 224 230

cadetblue

#5F9EA0

 95 158 160

Azure och blå färger

ljusblå

#ADD8E6

173 216 230

skyblue

#87CEEB

135 206 235

lightskyblue

#87CEFA

135 206 250

deepskyblue1

#00BFFF

  0 191 255

dodgerblue1

#1E90FF

 30 144 255

lightsteelblue

#B0C4DE

176 196 222

stålblå

#4682B4

 70 130 180

kornblått

#6495ED

100 149 237

royalblue

#4169E1

 65 105 225

blue1

#0000FF

  0 0 255

blå2

#0000EE

  0 0 238

mediumblå

#0000CD

  0 0 205

blue4

#00008B

  0 0 139

marinblå

#000080

  0 0 128

midnightblue

#191970

 25 25 112

mediumslateblue

#7B68EE

123 104 238

slateblue

#6A5ACD

106 90 205

darkslateblue

#483D8B

 72 61 139

X11-namn

Hex

Decimalkod
 R G B

Bruna färger

majsilke1

FF F8 DC

255 248 220

blanka mandlar

FF EB CD

255 235 205

bisque1

FF E4 C4

255 228 196

navajowhite1

FF DE AD

255 222 173

vete

F5 DE B3

245 222 179

burlywood

DE B8 87

222 184 135

tan

D2 B4 8C

210 180 140

rosenbrun

BC 8F 8F

188 143 143

sandbruna

F4 A4 60

244 164 96

peru

CD 85 3F

205 133 63

choklad

D2 69 1E

210 105 30

brun sadel

8B 45 13

139 69 19

sienna

A0 52 2D

160 82 45

Vita färger

vit

FF FF FF FF FF

255 255 255

snö1

FF FA FA FA

255 250 250

honungsdagg1

F0 FF F0

240 255 240

mintkräm

F5 FF FA

245 255 250

azure1

F0 FF FF FF

240 255 255

aliceblue

F0 F8 FF

240 248 255

ghostwhite

F8 F8 FF

248 248 255

whitesmoke

F5 F5 F5 F5

245 245 245

snäckskal1

FF F5 EE

255 245 238

beige

F5 F5 DC

245 245 220

oldlace

FD F5 E6

253 245 230

blommigvit

FF FA F0

255 250 240

elfenben1

FF FF FF F0

255 255 240

antiquewhite

FA EB D7

250 235 215

linne

FA F0 E6

250 240 230

lavendelblush1

FF F0 F5

255 240 245

mistyrose1

FF E4 E1

255 228 225

Gråa färger

gainsboro

DC DC DC DC DC

220 220 220

ljusgrå

D3 D3 D3 D3

211 211 211

silver

C0 C0 C0 C0

192 192 192

darkgray

A9 A9 A9 A9

169 169 169

grå

80 80 80

128 128 128

dimgray

69 69 69

105 105 105

lightslategray

77 88 99

119 136 153

slategray

70 80 90

112 128 144

darkslategray

2F 4F 4F 4F

 47 79 79

svart

#000000

  0 0 0



 

Diagram över utvalda webbfärger

Detta diagram visar utvalda HTML- och X11-färger samt utvalda inofficiella konsensusfärger för webben som utvecklats av webbdesigners sedan 2002. När man skriver in kod med de inofficiella färgerna måste man ange hex-kod för färgen i stället för att skriva namnet på färgen.

  • se
  • prata
  • redigera

Webbfärger (lista)

Rosa

Crimson

d

Maroon

Brun

Misty Rose

Lax

Korall

Orange-röd

Choklad

Orange

Guld

Elfenben

Gul

Olive

Gul-grön

Gräsmatta grön

Chartreuse

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Lime

Grön

Vårgrönt

Akvamarin

Turkos

Azure

Aqua/Cyan

Blåkråka

Lavendel

Blå

Marinblått

Blåviolett

Indigo

Mörk violett

Plommon

Magenta

Lila

Rödviolett

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tan

Beige

Skiffergrått

Mörk skiffergrått

Vit

Vit rök

Ljusgrå

Silver

Mörkgrå

Grått

Dim Gray

Svart

 

 

 

 

 

 

 

 

 

 

 

 

 

Frågor och svar

F: Vad är webbfärger?


S: Webbfärger är färger som används vid utformning av webbsidor och sätt att beskriva och förteckna dessa färger.

F: Hur många olika färger kan skapas med RGB-tripletter?


S: RGB-tripletter kan skapa 16 777 216 olika färger.

F: Finns det vanliga engelska namn för vissa av dessa färger?


S: Ja, många vanliga färger kan också väljas med hjälp av sina vanliga engelska namn.

F: Vilken programvara används vanligtvis för att skapa färgvärden?


S: Ofta används ett färgverktyg eller ett annat grafiskt program för att skapa färgvärden.

F: Vad var grunden för de ursprungliga färglistorna för Mosaic och Netscape Navigator?


S: De första versionerna av Mosaic och Netscape Navigator använde X11-färgnamnen som bas för sina färglistor eftersom de båda startade som X Window System-program.

F: Vad har sRGB för koppling till när det gäller webbfärger?


S: Varje webbfärg har sin egen definition, sRGB, som avser kromaticiteten hos en enda fosforuppsättning, en given överföringskurva, en adaptiv vitpunkt och betraktningsförhållanden.

F: Hur visar användarprogrammen dessa färger på ett korrekt sätt?


S: Bättre användaragenter använder färghantering för att skapa bättre färgåtergivning, vilket är viktigt för webb-till-tryck-tillämpningar.

AlegsaOnline.com - 2020 / 2023 - License CC3