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	rö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

Röd

Maroon

Brun

Misty Rose

Lax

Korall

Orange-röd

Choklad

Orange

Guld

Elfenben

Gul

Gräsmatta grön

Lime

Vårgrönt

Turkos

Blå

Plommon

Lila

Tan

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.