HTML-färger

Den aktuella versionen av sidan har ännu inte granskats av erfarna bidragsgivare och kan skilja sig väsentligt från versionen som granskades den 9 maj 2022; kontroller kräver 2 redigeringar .

Webbfärger är de färger som används vid visningen av webbsidor och metoderna för att beskriva och definiera dessa färger.

Det finns flera huvudsakliga sätt att presentera dem:

  1. Som #123ABC. Representation i form av tre par hexadecimala siffror , där varje par är ansvarigt för sin egen färg:
    1. De två första siffrorna är röda
    2. Två i mitten - grön
    3. De två sista siffrorna är blå
      . Det är också möjligt att kort representera färgen som #ABC, vilket skulle tolkas som #AABBCC.
  2. Nyckelordsrepresentation , t.ex. grön , svart . För att undvika fall där det angivna nyckelordet inte "förstås" av webbläsaren bör endast en liten uppsättning primärfärger som används i alla webbläsare användas.
  3. I form av RGB (*,*,*), där "*" är siffror från 0 till 255, vilket indikerar mängden motsvarande färg (röd, grön, blå) i den resulterande.
  4. RGBA (*,*,*,*) är också möjligt , där de första 3 "*" är färgkomponenter specificerade i intervallet 0 till 255, och den sista "*" är opacitetsnivån ( alfakanal ), specificerad av rationell siffror från 0 till ett.

Färgnamn i HTML

HTML 4.01-specifikationen [1] definierar följande 16 nyckelfärger (både versaler och gemener kan användas i detta sammanhang):

Färg Koden Färg Koden Färg Koden Färg Koden
#00ffff aqua (havsvåg, cyan) #000000 svart (svart) #0000ff blå (blå) #ff00ff fuchsia (fuchsia, magenta)
#808080 grå #008000 grön (grön) #00ff00 lime (lime, ljusgrön) #800000 rödbrun (rödbrun)
#000080 marinblå (mörkblå) #808000 oliv (oliv) #800080 lila #ff0000 röd (röd)
#c0c0c0 silver (silver) #008080 kricka (blågrön) #ffffff vit (vit) #ffff00 gul (gul)

^ Specifikationen använder engelska färgnamn.

Netscape Safe Palette

I eran med 256-färgs grafikkort användes den så kallade "Netscape safe palette " - en enhetlig 6x6x6 palett - i stor utsträckning. I truecolor har säkra färger alla tre komponenterna - R, G och B - lika 00med , 33, 66, 99, CCoch FF. Webbläsaren Netscape garanterade att dessa färger skulle återges utan zoomning eller screening .

Med andra ord var de 216 färgerna i standardpaletten med 16 färger och paletten 6x6x6 de mest föredragna för bild- och bakgrundsfärger .

I slutet av 1990 -talet, med det fullständiga försvinnandet av 8-bitars färg från OS - datorer , försvann detta krav. Adobe Photoshop är dock fortfarande utrustad med alternativet "Only Web Colors" ( Endast engelska  webbfärger ).

Färgnamn i X11

HTML- namn K Z S 16 K Z S 10
Röd
IndianRött CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Lax FA 80 72 250 128 114
Mörklax E9967A 233 150 122
Ljuslax FF A0 7A 255 160 122
djupröd DC 14 3C 220 20 60
Röd FF 00 00 255 0 0
Eldfast tegel B2 22 22 178 34 34
mörkröd 8B 00 00 139 0 0
Rosa
Rosa FF C0 CB 255 192 203
ljusrosa FF B6 C1 255 182 193
skrikrosa FF 69 B4 255 105 180
djuprosa FF 14 93 255 20 147
MediumVioletRöd C7 15 85 199 21 133
Blekviolettröd DB 70 93 219 112 147
orange
Korall FF 7F 50 255 127 80
Tomat FF 63 47 255 99 71
Orange röd FF 45 00 255 69 0
mörk orange FF8C00 255 140 0
Orange FF A5 00 255 165 0
gul
Guld FF-D700 255 215 0
Gul FF FF 00 255 255 0
Ljusgul FF FF E0 255 255 224
CitronChiffon FF FA CD 255 250 205
LjusGoldenrodGul FA FA D2 250 250 210
Papaya piska FF EF D5 255 239 213
Mockasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8AA 238 232 170
Kaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107
lila
Lavendel E6 E6 FA 230 230 250
Tistel D8 BF D8 216 191 216
Plommon DD A0 DD 221 160 221
violett EE 82 EE 238 130 238
Orkide DA 70 D6 218 112 214
Fuchsia (magenta) FF00FF 255 0 255
Medium orkidé BA 55 D3 186 85 211
Medium lila 93 70 DB 147 112 219
blåviolett 8A 2B E2 138 43 226
mörk violett 9400 D3 148 0 211
Mörk orkidé 9932CC 153 50 204
DarkMagenta 8B 00 8B 139 0 139
Lila 80 00 80 128 0 128
Indigo 4B 00 82 75 0 130
Slate Blue 6A 5A CD 106 90 205
Mörkskifferblå 48 3D 8B 72 61 139
HTML- namn K Z S 16 K Z S 10
Grön
Grön gul ADFF 2F 173 255 47
chartreuse 7F FF 00 127 255 0
Gräsgrön 7CFC00 124 252 0
kalk 00 FF 00 0 255 0
Limegrön 32 CD 32 50 205 50
ljusgrön 98 FB 98 152 251 152
Ljusgrön 90EE 90 144 238 144
MediumVårGrön 00FA 9A 0 250 154
Vårgrön 00FF 7F 0 255 127
MediumSeaGreen 3C B3 71 60 179 113
havsgrönt 2E 8B 57 46 139 87
skog grön 22 8B 22 34 139 34
Grön 00 80 00 0 128 0
mörkgrön 00 64 00 0 100 0
gulgrön 9A CD32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Oliv 80 80 00 128 128 0
MörkOlivgrön 55 6B 2F 85 107 47
MediumAquamarine 66 CDAA 102 205 170
Mörkhavsgrön 8F BC 8F 143 188 143
LjusSjögrön 20 B2AA 32 178 170
Mörkcyan 00 8B 8B 0 139 139
Kricka 00 80 80 0 128 128
Blå
Aqua(Cyan) 00FFFF 0 255 255
Ljuscyan E0 FF FF 224 255 255
paleturkos AF EE EE 175 238 238
akvamarin 7FFF D4 127 255 212
Turkos 40 E0 D0 64 224 208
Medium turkos 48 D1CC 72 209 204
Mörk turkos 00CE D1 0 206 209
Kadett blå 5F 9E A0 95 158 160
stålblå 46 82 B4 70 130 180
Ljusstålblå B0 C4 DE 176 196 222
Puderblå B0 E0 E6 176 224 230
ljusblå AD D8 E6 173 216 230
himmelsblå 87CEEB 135 206 235
LjusHimmelblå 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
Dodger Blue 1E90FF 30 144 255
Blåklint Blå 6495ED 100 149 237
MediumSlateBlå 7B68EE 123 104 238
Kungsblå 41 69 E1 65 105 225
Blå 0000FF 0 0 255
Mellanblå 0000 CD 0 0 205
mörkblå 00 00 8B 0 0 139
Marin 00 00 80 0 0 128
midnattsblå 19 19 70 25 25 112
HTML- namn K Z S 16 K Z S 10
Brun
Majssilke FF F8 DC 255 248 220
Blancherad mandel FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
Navajovit FF DE AD 255 222 173
Vete F5 DE B3 245 222 179
Burlywood DE B8 87 222 184 135
Solbränna D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
Sandy Brown F4 A4 60 244 164 96
Gullris DA A5 20 218 165 32
Mörk Guldröd B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Choklad D2 69 1E 210 105 30
Sadelbrunt 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Brun A5 2A 2A 165 42 42
rödbrun 80 00 00 128 0 0
Vit
Vit FF FF FF 255 255 255
Snö FF FA FA 255 250 250
Honungsdagg F0 FF F0 240 255 240
MintCream F5FFFA 245 255 250
Azurblå F0 FF FF 240 255 255
Alice Blue F0 F8 FF 240 248 255
spökvit F8 F8FF 248 248 255
vit rök F5 F5 F5 245 245 245
Snäckskal FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
Gammal spets FD F5 E6 253 245 230
Blommigt Vit FF FA F0 255 250 240
Elfenben FF FF F0 255 255 240
antikvit FA EB D7 250 235 215
Linné FA F0 E6 250 240 230
LavendelBlush FF F0 F5 255 240 245
MistyRose FF-E4-E1 255 228 225
Grå *
Gainsboro DC DC DC 220 220 220
ljusgrått D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
mörkgrå A9 A9 A9 169 169 169
grå 80 80 80 128 128 128
Dim grå 69 69 69 105 105 105
Ljusskiffergrå 77 88 99 119 136 153
Skiffer grå 70 80 90 112 128 144
Mörkskiffergrå 2F 4F 4F 47 79 79
Svart 00 00 00 0 0 0

CSS- färger

Språket Cascading Style Sheets definierar alla HTML4- och X11-färger, samt dessa [2] :

Färger tillagda i CSS 2.1
Färg namn Hex (RGB) Röd
(RGB) 		Grön
(RGB) 		Blå
(RGB) 		Hue
(HSL/HSV) 		Satur
(HSL) 		Ljus
(HSL) 		Satur
(HSV) 		Värde
(HSV)		 Alias
  orange #FFA500 100 % 65 % 0 % 39° 100 % femtio% 100 % 100 %  
Färger tillagda i CSS 4
Färg namn Hex (RGB) Röd
(RGB) 		Grön
(RGB) 		Blå
(RGB) 		Hue
(HSL/HSV) 		Satur
(HSL) 		Ljus
(HSL) 		Satur
(HSV) 		Värde
(HSV)		 Alias
  Rebecca Purple #663399 40 % tjugo% 60 % 270° femtio% 40 % 67 % 60 %  

Färgen är uppkallad efter Rebecca, dotter till Eric Meyer , en promotor och en av utvecklarna av CSS. Hon dog av en hjärntumör vid 6 års ålder.

CSS 2, SVG och CSS 2.1 tillåter också användning av systemfärger , som är färgnamn  vars värden bestäms av operativsystemet , som att använda systemfärgen för markerad text eller bakgrund för kontroller. Detta gör det möjligt för webbutvecklare att skräddarsy sidinnehåll till stilen för användarens operativsystem. [3] CSS3 -färgmodulen utfasade användningen av systemfärger och ersatte den med egenskapen CSS3 UI System Appearance, [4] [5] som senare togs bort från CSS3. [6]

CSS3-specifikationen introducerar också HSL -färgmodellen :

/* färgnamn */ p { färg : röd } /* Grundfärgslista */ p { färg : blanchedalmond } /* Utökad färglista (X11) */ /* RGB-modell */ p { färg : #F00 } /* #rgb */ p { färg : #FF0000 } /* #rrggbb */ p { färg : rgb ( 255 , 0 , 0 )} /* heltal i intervallet 0 - 255 */ p { färg : rgb ( 100 % , 0 % , 0 % ) } /* flytande 0,0 % - 100,0 % */ /* RGB-modell med alfakanal, introducerad i CSS3 */ p { color : rgba ( 255 , 0 , 0 , 0.5 ) } /* 0.5 transparency, translucency */ /* HSL-modell, introducerad i CSS3 */ p { färg : hsl ( 0 , 100 % , 50 % ) } /* röd (röd) */ p { färg : hsl ( 120 , 100 % , 50 % ) } /* grön (grön) */ p { färg : hsl ( 120 , 100 % , 25 % ) } /* mörkgrön (mörkgrön) */ p { färg : hsl ( 120 , 100 % , 75 % ) } /* ljus - grön (ljusgrön) */ p { färg : hsl ( 120 , 50 % , 50 % ) } /* pastellgrön (pastellgrön) */ /* HSL-modell med alfakanal */ p { färg : hsla ( 120 , 100 % , 50 % , 1 ) } /* grön (grön) */ p { färg : hsla ( 120 , 100 % , 50 % , 0,5 ) } /* genomskinlig grön */ p { färg : hsla ( 120 , 100 % , 50 % , 0,1 ) } /* mycket transparent grön */

Anteckningar

  1. ↑ HTML 4.01 Specifikation avsnitt 6.5 "Färger" . Hämtad 9 november 2016. Arkiverad från originalet 14 november 2016.
  2. ↑ CSS 2.1 Specifikation: Syntax och grundläggande datatyper: Färger (8 september 2009). Datum för åtkomst: 21 december 2009. Arkiverad från originalet den 7 februari 2013.
  3. ↑ Användargränssnitt - Systemfärger . Datum för åtkomst: 27 januari 2013. Arkiverad från originalet den 28 mars 2008.
  4. ↑ CSS3-färgmodul - CSS2-systemfärger . Hämtad 27 januari 2013. Arkiverad från originalet 29 november 2017.
  5. ↑ CSS3Basic User Interface Module, W3C-kandidatrekommendation 11 maj 2004: Systemets utseende . Datum för åtkomst: 27 januari 2013. Arkiverad från originalet 26 januari 2013.
  6. ↑ CSS Basic User Interface Module Level 3 (CSS3 UI), W3C Working Draft 17 januari 2012: Lista över väsentliga ändringar Arkiverad 1 december 2010 på Wayback Machine , "Systemets utseende har tagits bort, inklusive utseendevärden och egenskaper och system typsnitt / förlängning av "font"-egenskapens förkortning."

Länkar

Lista över färger som visas korrekt av webbläsare:

 Färgmodeller