Web-sikre farver | farver, der anvendes ved udformning af websider

Webfarver er de farver, der anvendes til at designe websider, og de måder, hvorpå disse farver beskrives og opregnes.

Der er flere måder at vælge farver til dele af websiderne på. Farver kan angives som en RGB-triplet (et sæt af tre tal) i hexadecimalt format (en hex-triplet). RGB-triplet kan danne 16 777 216 forskellige farver. Mange almindelige farver kan også vælges ud fra deres almindelige engelske navne. Ofte bruges et farveværktøj eller anden grafiksoftware til at skabe farveværdier.

De første versioner af Mosaic og Netscape Navigator brugte X11-farvenavnene som grundlag for deres farvelister. Det skyldes, at de begge startede som X Window System-programmer.

Hver webfarve har sin egen definition, sRGB. Dette vedrører kromaticiteterne i et enkelt fosfor-sæt, en given overførselskurve, et adaptivt hvidpunkt og visningsbetingelser. Disse er udvalgt til at ligne mange reelle skærme og visningsbetingelser i den virkelige verden. Selv uden farvestyring er de farver, der skabes, ret tæt på de givne værdier. Brugeragenterne kan dog være forskellige i den nøjagtighed, hvormed de viser farverne. Bedre brugeragenter bruger farvehåndtering til at skabe bedre farvegengivelse. Dette er vigtigt for web-to-print-applikationer.

Hex-triplet

En hex-triplet er et sekscifret tal på tre byte, der bruges i HTML, CSS, SVG og andre computerprogrammer til at repræsentere farver. Bytterne repræsenterer den røde, grønne og blå del af farven. En byte repræsenterer et tal i intervallet 00 til FF, eller 0 til 255 i decimal notation. Dette repræsenterer den mindste (0) til den største (255) intensitet af hver af farvekomponenterne. Hex-tripletten dannes ved at sammenkæde tre bytes i hexadecimal notation i følgende rækkefølge:

Byte 1: rød værdi (farvetype rød)

Byte 2: grøn værdi (farvetype grøn)

Byte 3: blå værdi (farvetype blå)

For eksempel en farve, hvor de røde/grønne/blå værdier er decimaltal: rød=36, grøn=104, blå=160 (en grålig-blå farve). Decimaltallene 36, 104 og 160 svarer til henholdsvis tallene 24, 68 og A0. Hex-triplet fås ved at kombinere de 6 hexadecimale tal sammen, 2468A0 i dette eksempel.

HTML webfarver

Den blev udviklet i 1997 og var oprindeligt i 16 farver. Senere blev der tilføjet orange, så der var i alt 17 farver. De oprindelige 16 var en del af noget, der kaldes "Windows VGA-skabelonen", hvilket betyder, at det er de farver, der kan bruges til handlinger som f.eks. fremhævning.

Farve	Hexadecimalt	Farve	Hexadecimalt	Farve	Hexadecimalt	Farve	Hexadecimalt
aqua	#00FFFFFF	grå	#808080	marineblå	#000080	sølv	#C0C0C0C0
sort	#000000	grøn	#008000	oliven	#808000	krikand	#008080
blå	#0000FF	kalk	#00FF00	lilla	#800080	hvid	#FFFFFFFF
fuchsia	#FF00FF	maroon	#800000	rød	#FF0000	gul	#FFFF00

Liste over HTML-farvenavne

Tabellen nedenfor indeholder alle 140 HTML-farver. Alle moderne browsere understøtter dem.

HTML-navn	Hex	Decimalkode R G B
Røde farver
Crimson	#DC143C	220 20 60
Lys koral	#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ørkerød	#8B0000	139 0 0
Maroon	#800000	128 0 0
Laks	#FA8072	250 128 114
Pink & Rose farver
Pink	#FFC0CB	255 192 203
Lyserød	#FFB6C1	255 182 193
Bleg violetrød	#DB7093	219 112 147
Hot Pink	#FF69B4	255 105 180
Dyb lyserød	#FF1493	255 20 147
Orange farver
Ferskenpuff	#FFDAB9	255 218 185
Mørk laks	#E9967A	233 150 122
Lys laks	#FFA07A	255 160 122
Koral	#FF7F50	255 127 80
Tomat	#FF6347	255 99 71
OrangeRød	#FF4500	255 69 0
Papaya-pisk	#FFEFD5	255 239 213
Mokkasin	#FFE4B5	255 228 181
Mørk orange	#FF8C00	255 140 0
Orange	#FFA500	255 165 0

Gule farver
Lys gyldenrødgul	#FAFAD2	250 250 210
Bleg gyldenris	#EEE8AA	238 232 170
Gyldenris	#DAA520	218 165 32
Mørk gyldenris	#B8860B	184 134 11
Guld	#FFD700	255 215 0
Citron Chiffon	#FFFACD	255 250 205
Lysegul	#FFFFFFE0	255 255 224
Gul	#FFFF00	255 255 0
Olive	#808000	128 128 0
Khaki	#F0E68C	240 230 140
Mørk khaki	#BDB76B	189 183 107
Violet, lilla og magenta farver
Lavendel	#E6E6FA	230 230 250
Medium lilla	#9370DB	147 112 219
Blå violet	#8A2BE2	138 43 226
Mørk violet	#9400D3	148 0 211
Indigo	#4B0082	75 0 130
Mellemstor orkidé	#BA55D3	186 85 211
Mørk orkidé	#9932CC	153 &50 204
Tidsel	#D8BFD8	216 191 216
Plum	#DDA0DD	221 160 221
Violet	#EE82EE	238 130 238
Orkidé	#DA70D6	218 112 214
Fuchsia eller magenta	#FF00FF	255 0 255
Mørk magenta	#8B008B	139 0 139
Lilla	#800080	128 0 128
Medium violet rød	#C71585	199 21 133

HTML-navn	Hex	Decimalkode R G B
Grønne farver
Gul Grøn	#9ACD32	154 205 50
Olivenfarvet	#6B8E23	107 142 35
Mørk olivengrøn	#556B2F	85 107 47
Grøn Gul	#ADFF2F	173 255 47
Chartreuse	#7FFF00	127 255 0
Plæne grøn	#7CFC00	124 252 0
Lime	#00FF00	0 255 0
Grøn	#008000	0 128 0
Mørkegrøn	#006400	0 100 0
Bleg grøn	#98FB98	152 251 152
Lysegrøn	#90EE90	144 238 144
Lime grøn	#32CD32	50 205 50
Forest Green	#228B22	34 139 34
Medium forårsgrøn	#00FA9A	0 250 154
Spring Green	#00FF7F	0 255 127
Medium havgrøn	#3CB371	60 179 113
Havgrøn	#2E8B57	46 139 87
Mørk havgrøn	#8FBC8F	143 188 143
Cyanfarver
Akvamarin	#7FFFD4	127 255 212
Medium akvamarin	#66CDAA	102 205 170
Turkis	#40E0D0	64 224 208
Mellemstor turkis	#48D1CC	72 209 204
Mørk turkis	#00CED1	0 206 209
Bleg turkis	#AFEEEEEE	175 238 238
Lys havgrøn	#20B2AA	32 178 170
Lys cyan	#E0FFFFFF	224 255 255
Aqua eller cyan	#00FFFFFF	0 255 255
Mørk cyan	#008B8B	0 139 139
Krikand	#008080	0 128 128
Pulverblå	#B0E0E6	176 224 230
Kadet blå	#5F9EA0	95 158 160
Azure & blå farver
Lyseblå	#ADD8E6	173 216 230
Himmelblå	#87CEEB	135 206 235
Lys himmelblå	#87CEFA	135 206 250
Dyb himmelblå	#00BFFF	0 191 255
Dodger Blue	#1E90FF	30 144 255
Lys stålblå	#B0C4DE	176 196 222
Stålblå	#4682B4	70 130 180
Kornblomstblå	#6495ED	100 149 237
Kongelig blå	#4169E1	65 105 225
Blå	#0000FF	0 0 255
Medium blå	#0000CD	0 0 205
Mørkeblå	#00008B	0 0 139
Navy	#000080	0 0 128
Midnatsblå	#191970	25 25 112
Medium skiferblå	#7B68EE	123 104 238
Skiferblå	#6A5ACD	106 90 205
Mørk skiferblå	#483D8B	72 61 139

HTML-navn	Hex	Decimalkode R G B
Brune farver
Kornsilke	#FFF8DC	255 248 220
Blancheret mandel	#FFEBCD	255 235 205
Bisque	#FFE4C4	255 228 196
Navajo hvid	#FFDEAD	255 222 173
Hvede	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
Chokolade	D2 69 1E	210 105 30
Sadelbrun	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Hvide farver
Hvid	FF FF FF FF FF	255 255 255
Sne	FF FA FA FA	255 250 250
Honningdug	F0 FF F0	240 255 240
Mintcreme	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
Hvid røg	F5 F5 F5 F5 F5	245 245 245
Muslingeskal	FF F5 EE	255 245 238
Beige	F5 F5 DC	245 245 220
Gamle blonder	FD F5 E6	253 245 230
Blomstret hvid	FF FA F0	255 250 240
Elfenben	FF FF FF F0	255 255 240
Antik hvid	FA EB D7	250 235 215
Linned	FA F0 E6	250 240 230
Lavendel rødme	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Grå farver
Gainsboro	DC DC DC DC DC	220 220 220
Lysegrå	D3 D3 D3 D3	211 211 211
Sølv	C0 C0 C0 C0 C0	192 192 192
Mørkegrå	A9 A9 A9 A9 A9	169 169 169
Grå	80 80 80	128 128 128
Dim Gray	69 69 69	105 105 105
Lys skifergrå	77 88 99	119 136 153
Skifer grå	70 80 90	112 128 144
Mørk skifergrå	2F 4F 4F 4F	47 79 79
Sort	00 00 00	0 0 0

X11-farver (formuleret i 1987)

Disse kaldes "X11-webfarver" siden opfindelsen af World Wide Web i 1991.

X11-navn	Hex	Decimalkode R G B
Røde farver
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
ildsten	#B22222	178 34 34
brun	#A52A2A	165 42 42
rød1	#FF0000	255 0 0
red4	#8B0000	139 0 0
laks	#FA8072	250 128 114
Pink & Rose farver
pink	#FFC0CB	255 192 203
lightpink	#FFB6C1	255 182 193
hotpink	#FF69B4	255 105 180
deeppink1	#FF1493	255 20 147
palevioletred	#DB7093	219 112 147
maroon	#B03060	176 48 96
Orange farver
peachpuff1	#FFDAB9	255 218 185
darksalmon	#E9967A	233 150 122
lightsalmon1	#FFA07A	255 160 122
koral	#FF7F50	255 127 80
tomat1	#FF6347	255 99 71
orangerød1	#FF4500	255 69 0
papayawhip	#FFEFD5	255 239 213
Mokkasin	#FFE4B5	255 228 181
darkorange	#FF8C00	255 140 0
orange1	#FFA500	255 165 0

Gule farver
lightgoldenrodyellow	#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
gyldenris	#DAA520	218 165 32
guldrør1	#FFC125	255 193 37
guldrør2	#EEB422	238 180 34
guldrør3	#CD9B1D	205 155 29
goldenrod4	#8B6914	139 105 20
darkgoldenrod	#B8860B	184 134 11
darkgoldenrod1	#FFB90F	255 184 15
darkgoldenrod2	#EEAD0E	238 173 14
darkgoldenrod3	#CD950C	205 149 12
darkgoldenrod4	#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
lysegul1	#FFFFFFE0	255 255 224
lysegul2	#EEEED1	238 238 209
lysegul3	#CDCDB4	205 205 180
lysegul4	#8B8B7A	139 139 122
gul1	#FFFF00	255 255 0
yellow2	#EEEEEE00	238 238 0
yellow3	#CDCD00	205 205 0
yellow4	#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
Violet, lilla og magenta farver
lavendel	#E6E6FA	230 230 250
mediumpurple	#9370DB	147 112 219
blueviolet	#8A2BE2	138 43 226
darkviolet	#9400D3	148 0 211
lilla	#A020F0	160 32 240
mediumorchid	#BA55D3	186 85 211
darkorchid	#9932CC	153 50 204
Tidsel	#D8BFD8	216 191 216
blomme	#DDA0DD	221 160 221
violet	#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
mediumvioletred	#C71585	199 21 133
violetrød	#D02090	208 32 144

X11-navn	Hex	Decimalkode R G B
Grønne farver
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æsplænegrøn	#7CFC00	124 252 0
grøn1	#00FF00	0 255 0
green4	#008B00	0 139 0
mørkegrøn	#006400	0 100 0
pallegrøn	#98FB98	152 251 152
limegrøn	#32CD32	50 205 50
skovgrønt	#228B22	34 139 34
mediumspringgrøn	#00FA9A	0 250 154
springgreen1	#00FF7F	0 255 127
mediumseagreen	#3CB371	60 179 113
seagreen1	#54FF9F	46 139 87
darkseagreen	#8FBC8F	143 188 143
Cyanfarver
akvamarin	#7FFFD4	127 255 212
mediumaquamarin	#66CDAA	102 205 170
turkis	#40E0D0	64 224 208
mediumturkis	#48D1CC	72 209 204
darkturquoise	#00CED1	0 206 209
paleturquoise	#AFEEEEEE	175 238 238
lightseagreen	#20B2AA	32 178 170
lightcyan1	#E0FFFFFF	224 255 255
cyan1	#00FFFFFF	0 255 255
cyan2	#00EEEEEE	0 238 238
cyan3	#00CDCDCD	0 205 205
cyan4	#008B8B	0 139 139
pulverblå	#B0E0E6	176 224 230
cadetblue	#5F9EA0	95 158 160
Azure & blå farver
lyseblå	#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
steelblue	#4682B4	70 130 180
cornflowerblue	#6495ED	100 149 237
royalblue	#4169E1	65 105 225
blå1	#0000FF	0 0 255
blå2	#0000EE	0 0 238
mediumblå	#0000CD	0 0 205
blue4	#00008B	0 0 139
marineblå	#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-navn	Hex	Decimalkode R G B
Brune farver
kornsilke1	FF F8 DC	255 248 220
blancherede mandler	FF EB CD	255 235 205
bisque1	FF E4 C4	255 228 196
navajowhite1	FF DE AD	255 222 173
hvede	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
sandybrown	F4 A4 60	244 164 96
peru	CD 85 3F	205 133 63
chokolade	D2 69 1E	210 105 30
sadel brun	8B 45 13	139 69 19
sienna	A0 52 2D	160 82 45
Hvide farver
hvid	FF FF FF FF FF	255 255 255
sne1	FF FA FA FA	255 250 250
honningdug1	F0 FF F0	240 255 240
mintcreme	F5 FF FA	245 255 250
azur1	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 F5	245 245 245
muslingeskal1	FF F5 EE	255 245 238
beige	F5 F5 DC	245 245 220
oldlace	FD F5 E6	253 245 230
blomstrethvid	FF FA F0	255 250 240
elfenben1	FF FF FF F0	255 255 240
antiquewhite	FA EB D7	250 235 215
linned	FA F0 E6	250 240 230
lavenderblush1	FF F0 F5	255 240 245
mistyrose1	FF E4 E1	255 228 225
Grå farver
gainsboro	DC DC DC DC DC	220 220 220
lysegrå	D3 D3 D3 D3	211 211 211
sølv	C0 C0 C0 C0 C0	192 192 192
darkgrey	A9 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
sort	#000000	0 0 0

Diagram over udvalgte webfarver

Dette diagram viser udvalgte HTML- og X11-farver samt udvalgte uofficielle konsensusfarver, der er udviklet af webdesignere siden 2002. Ved indtastning af kode, der anvender de uofficielle farver, skal man angive farvens hex-kode i stedet for at skrive farvens navn.

se
snak
redigere

Webfarver (liste)

Pink

Crimson

Rød

Maroon

Brun

Misty Rose

Laks

Koral

Orange-rød

Chokolade

Orange

Guld

Elfenben

Gul

Plæne grøn

Lime

Forårsgrønt

Turkis

Azure

Aqua/Cyan

Krikand

Lavendel

Blå

Navy

Blå-violet

Indigo

Mørk violet

Plum

Magenta

Lilla

Rød-violet

Tan

Beige

Grå skifer

Mørk skifergrå

Hvid

Hvid røg

Lysegrå

Sølv

Mørkegrå

Grå

Dim Gray

Sort

Spørgsmål og svar

Spørgsmål: Hvad er webfarver?

A: Webfarver er farver, der anvendes ved udformning af websider, og de måder, hvorpå disse farver beskrives og opregnes.

Spørgsmål: Hvor mange forskellige farver kan man skabe med RGB-tripletter?

Svar: RGB-tripletter kan danne 16 777 216 forskellige farver.

Spørgsmål: Er der almindelige engelske navne for nogle af disse farver?

Svar: Ja, mange almindelige farver kan også vælges ud fra deres almindelige engelske navne.

Q: Hvilken software bruges typisk til at skabe farveværdier?

A: Ofte bruges et farveværktøj eller anden grafiksoftware til at skabe farveværdier.

Spørgsmål: Hvad var grundlaget for de oprindelige farvelister for Mosaic og Netscape Navigator?

Svar: De første versioner af Mosaic og Netscape Navigator brugte X11-farvenavnene som grundlag for deres farvelister, fordi de begge startede som X Window System-programmer.

Spørgsmål: Hvad er sRGB relateret til, når det gælder webfarver?

Svar: Hver webfarve har sin egen definition, sRGB, som vedrører kromaticiteterne i et enkelt fosforsæt, en given overførselskurve, et adaptivt hvidpunkt og betragtningsbetingelser.

Spørgsmål: Hvordan viser brugeragenterne disse farver nøjagtigt?

Svar: Bedre brugeragenter bruger farvehåndtering til at skabe bedre farvegengivelse, hvilket er vigtigt for web-to-print-applikationer.