Farger på nettet - Web colors
HTML |
---|
Sammenligninger |
Nettfarger er farger som brukes til å vise nettsider på World Wide Web , og metodene for å beskrive og spesifisere disse fargene. Farger kan spesifiseres som en RGB -trilling eller i heksadesimalt format (en hex -triplett ) eller i henhold til deres vanlige engelske navn i noen tilfeller. Et fargeverktøy eller annen grafikkprogramvare brukes ofte til å generere fargeverdier. I noen bruksområder er heksadesimale fargekoder spesifisert med notasjon ved hjelp av et ledende talltegn (#). En farge er spesifisert i henhold til intensiteten til dens røde, grønne og blå komponenter, hver representert med åtte bits . Dermed er det 24 biter som brukes til å spesifisere en nettfarge i sRGB -spekteret, og 16 777 216 farger som kan være spesifisert slik.
Farger utenfor sRGB -spekteret kan spesifiseres i Cascading Style Sheets ved å gjøre en eller flere av de røde, grønne og blå komponentene negative eller større enn 100%, så fargerommet er teoretisk sett en ubegrenset ekstrapolasjon av sRGB som ligner på scRGB . For å spesifisere en farge som ikke er sRGB på denne måten, krever funksjonen RGB (). Det er umulig med den heksadesimale syntaksen (og dermed umulig i eldre HTML -dokumenter som ikke bruker CSS).
De første versjonene av Mosaic og Netscape Navigator brukte fargenavnene X11 som grunnlag for fargelistene, da begge startet som X Window System -applikasjoner. Nettfarger har en entydig kolorimetrisk definisjon, sRGB , som relaterer kromatisitetene til et bestemt fosforsett , en gitt overføringskurve, adaptivt hvitpunkt og visningsforhold. Disse er valgt for å ligne mange virkelige skjermer og visningsforhold, slik at gjengivelse kan være ganske nær de angitte verdiene, selv uten fargebehandling . Brukeragenter varierer i troskapen de representerer de angitte fargene med. Mer avanserte brukeragenter bruker fargestyring for å gi bedre fargetroskap; Dette er spesielt viktig for web-til-utskrift- applikasjoner.
Hex triplet
En hex-triplett er et sekssifret, tre- byte heksadesimalt tall som brukes i HTML , CSS , SVG og andre databehandlingsprogrammer for å representere farger. Byteene representerer de røde, grønne og blå komponentene i fargen. En byte representerer et tall i området 00 til FF (i heksadesimal notasjon), eller 0 til 255 i desimal notasjon. Dette representerer minst (0) til mest (255) intensitet for hver av fargekomponentene. Dermed spesifiserer nettfarger farger i 24-biters RGB-fargeskjema . Hexetripletten dannes ved å sammenkoble tre byte i heksadesimal notasjon, i følgende rekkefølge:
- Byte 1: rød verdi (fargetype rød)
- Byte 2: grønn verdi (fargetype grønn)
- Byte 3: blå verdi (fargetype blå)
Tenk for eksempel på fargen der de røde/grønne/blå verdiene er desimaltall: rød = 36, grønn = 104, blå = 160 (en gråblå farge). Desimaltallene 36, 104 og 160 tilsvarer de heksadesimale tallene henholdsvis 24, 68 og A0. Heksetripleten oppnås ved å sammenkoble de seks heksadesimale sifrene sammen, 2468A0 i dette eksemplet.
Hvis en av de tre fargeverdiene er mindre enn 10 hex (16 desimaler), må den representeres med et ledende null slik at trillingen alltid har nøyaktig seks sifre. For eksempel vil desimaltripleten 4, 8, 16 bli representert med sekskantene 04, 08, 10, som danner hex -tripletten 040810.
Antall farger som kan representeres av dette systemet er 16 6 eller 256 3 eller 2 24 = 16 777 216.
Shorthand heksadesimal form
En forkortet, tre (heksadesimal) sifferform brukes. Å utvide dette skjemaet til det sekssifrede skjemaet er så enkelt som å doble hvert siffer: 09C blir 0099CC som vist på følgende CSS- eksempel:
.threedigit { color: #09C; }
.sixdigit { color: #0099CC; } /* same color as above */
Denne stenografiformen reduserer paletten til 4.096 farger, tilsvarende 12-biters farge i motsetning til 24-biters farge ved å bruke hele sekssifret form (16.777.216 farger). Denne begrensningen er tilstrekkelig for mange tekstbaserte dokumenter.
Konvertering av RGB til heksadesimal
RGB -verdier er vanligvis gitt i området 0–255; hvis de er i området 0–1, multipliseres verdiene med 255 før konvertering. Dette tallet delt på seksten (heltalls divisjon; ignorerer resten) gir det første heksadesimale sifferet (mellom 0 og F, der bokstavene A til F representerer tallene 10 til 15. Se heksadesimal for flere detaljer). Resten gir det andre heksadesimale sifferet. For eksempel deler RGB -verdien 201 seg i 12 grupper på 16, og dermed er det første sifferet C. Resten av ni gir det heksadesimale tallet C9. Denne prosessen gjentas for hver av de tre fargeverdiene.
Konvertering mellom tallbaser er et vanlig trekk ved kalkulatorer, inkludert både håndholdte modeller og programvarekalkulatorene som følger med de fleste moderne operativsystemer . Nettbaserte verktøy spesielt for å konvertere fargeverdier er også tilgjengelige.
HTML -fargenavn
Nylige W3C -spesifikasjoner for fargenavn skiller mellom grunnleggende og utvidede farger. I HTML og XHTML kan farger brukes til tekst, bakgrunnsfarge, rammekanter, tabeller og individuelle tabellceller.
Grunnleggende farger
Grunnfargene er 16 farger definert i HTML 4.01-spesifikasjonen, ratifisert i 1999, som følger (navn er definert i denne sammenhengen for å være store og små bokstaver):
Navn |
Hex (RGB) |
Rød (RGB) |
Grønn (RGB) |
Blå (RGB) |
Fargetone (HSL/HSV) |
Satur. (HSL) |
Lys (HSL) |
Satur. (HSV) |
Verdi (HSV) |
CGA -nummer (navn) ; alias |
---|---|---|---|---|---|---|---|---|---|---|
Hvit | #FFFFFF | 100% | 100% | 100% | 0 ° | 0% | 100% | 0% | 100% | 15 (hvit) |
Sølv | #C0C0C0 | 75% | 75% | 75% | 0 ° | 0% | 75% | 0% | 75% | 07 (lys grå) |
Grå | #808080 | 50% | 50% | 50% | 0 ° | 0% | 50% | 0% | 50% | 08 (mørk grå) |
Svart | #000000 | 0% | 0% | 0% | 0 ° | 0% | 0% | 0% | 0% | 00 (svart) |
rød | #FF0000 | 100% | 0% | 0% | 0 ° | 100% | 50% | 100% | 100% | 12 (høy rød) |
Maroon | #800000 | 50% | 0% | 0% | 0 ° | 100% | 25% | 100% | 50% | 04 (lav rød) |
Gul | #FFFF00 | 100% | 100% | 0% | 60 ° | 100% | 50% | 100% | 100% | 14 (gul) |
Oliven | #808000 | 50% | 50% | 0% | 60 ° | 100% | 25% | 100% | 50% | 06 (brun) |
Kalk | #00FF00 | 0% | 100% | 0% | 120 ° | 100% | 50% | 100% | 100% | 10 (høy grønn); grønn |
Grønn | #008000 | 0% | 50% | 0% | 120 ° | 100% | 25% | 100% | 50% | 02 (lav grønn) |
Aqua | #00FFFF | 0% | 100% | 100% | 180 ° | 100% | 50% | 100% | 100% | 11 (høy cyan); cyan |
Blågrønn | #008080 | 0% | 50% | 50% | 180 ° | 100% | 25% | 100% | 50% | 03 (lav cyan) |
Blå | #0000FF | 0% | 0% | 100% | 240 ° | 100% | 50% | 100% | 100% | 09 (høy blå) |
marinen | #000080 | 0% | 0% | 50% | 240 ° | 100% | 25% | 100% | 50% | 01 (lav blå) |
Fuchsia | #FF00FF | 100% | 0% | 100% | 300 ° | 100% | 50% | 100% | 100% | 13 (høy magenta); magenta |
Lilla | #800080 | 50% | 0% | 50% | 300 ° | 100% | 25% | 100% | 50% | 05 (lav magenta) |
Disse 16 ble merket som sRGB og inkludert i HTML 3.0 -spesifikasjonen, som bemerket at de var "de 16 standardfargene som støttes med Windows VGA -paletten."
Utvidede farger
De utvidede fargene er et resultat av sammenslåing av spesifikasjoner fra HTML 4.01, CSS 2.0, SVG 1.0 og CSS3 brukergrensesnitt (CSS3 UI).
Flere farger er definert av nettlesere . En bestemt nettleser gjenkjenner kanskje ikke alle disse fargene, men fra 2005 støtter alle moderne, generelle, grafiske nettlesere hele listen over farger. Mange av disse fargene er fra listen over X11 -fargenavn distribuert med X Window System . Disse fargene ble standardisert av SVG 1.0 , og godtas av SVG Full user agents. De er ikke en del av SVG Tiny .
Listen over farger som følger med X11 -produktet varierer mellom implementeringer og sammenstøt med visse HTML -navn, for eksempel grønt. X11 -farger er definert som enkel RGB (derav ingen spesiell fargeplass), i stedet for sRGB . Dette betyr at listen over farger som finnes i X11 (f.eks. I /usr/lib/X11/rgb.txt) ikke skal brukes direkte til å velge farger for nettet.
Listen over web "X11 farger" fra CSS3 -spesifikasjonen, sammen med deres heksadesimale og desimalekvivalenter, er vist nedenfor. Sammenlign de alfabetiske listene i W3C -standardene. Dette inkluderer vanlige synonymer: aqua (HTML4/CSS 1.0 standardnavn) og cyan (vanlig sRGB -navn), magenta (vanlig sRGB -navn) og fuchsia (HTML4/CSS 1.0 standardnavn), grå (HTML4/CSS 1.0 standardnavn) og grå.
HTML -navn | RGB | |
---|---|---|
Hex | Desimal | |
Rosa farger | ||
MiddelsFiolettRød | C7 15 85 | 199 21 133 |
DeepPink | FF 14 93 | 255 20 147 |
PaleVioletRød | DB 70 93 | 219 112 147 |
HotPink | FF 69 B4 | 255 105 180 |
Lyserosa | FF B6 C1 | 255 182 193 |
Rosa | FF C0 CB | 255 192 203 |
Røde farger | ||
Mørkerød | 8B 00 00 | 139 0 0 |
rød | 00 00 FF | 255 0 0 |
Firebrick | B2 22 22 | 178 34 34 |
Høyrød | DC 14 3C | 220 20 60 |
IndianRød | CD 5C 5C | 205 92 92 |
LightCoral | F0 80 80 | 240 128 128 |
Laks | FA 80 72 | 250 128 114 |
DarkSalmon | E9 96 7A | 233 150 122 |
LightSalmon | FF A0 7A | 255 160 122 |
Oransje farger | ||
Oransje rød | 45 00 FF | 255 69 0 |
Tomat | FF 63 47 | 255 99 71 |
DarkOrange | FF 8C 00 | 255140 0 |
Korall | FF 7F 50 | 255 127 80 |
oransje | FF A5 00 | 255 165 0 |
Gule farger | ||
MørkKhaki | BD B7 6B | 189 183 107 |
Gull | FF D7 00 | 255 215 0 |
Khaki | F0 E6 8C | 240 230 140 |
PeachPuff | FF DA B9 | 255 218 185 |
Gul | FF FF 00 | 255 255 0 |
PaleGoldenrod | EE E8 AA | 238 232 170 |
Mokkasin | FF E4 B5 | 255 228 181 |
PapayaWhip | FF EF D5 | 255 239 213 |
LysGoldenrodGul | FA FA D2 | 250 250 210 |
SitronChiffon | FF FA CD | 255 250 205 |
Lys gul | FF FF E0 | 255 255 224 |
Brune farger | ||
Maroon | 80 00 00 | 128 0 0 |
brun | A5 2A 2A | 165 42 42 |
SadelBrun | 8B 45 13 | 139 69 19 |
Sienna | A0 52 2D | 160 82 45 |
Sjokolade | D2 69 1E | 210 105 30 |
DarkGoldenrod | B8 86 0B | 184 134 11 |
Peru | CD 85 3F | 205 133 63 |
RosyBrown | BC 8F 8F | 188 143 143 |
Goldenrod | DA A5 20 | 218 165 32 |
SandyBrown | F4 A4 60 | 244 164 96 |
Tan | D2 B4 8C | 210 180 140 |
Burlywood | DE B8 87 | 222 184 135 |
Hvete | F5 DE B3 | 245 222 179 |
NavajoHvit | FF DE AD | 255 222 173 |
Bisque | FF E4 C4 | 255 228 196 |
BlanchertAlmond | FF EB CD | 255 235 205 |
Mais silke | FF F8 DC | 255 248 220 |
HTML -navn | RGB | |
---|---|---|
Hex | Desimal | |
Grønne farger | ||
Mørk grønn | 00 64 00 | 0 100 0 |
Grønn | 00 80 00 | 0 128 0 |
DarkOliveGreen | 55 6B 2F | 85 107 47 |
Skoggrønn | 22 8B 22 | 34 139 34 |
Sjøgrønn | 2E 8B 57 | 46 139 87 |
Oliven | 80 80 00 | 128 128 0 |
OliveDrab | 6B 8E 23 | 107 142 35 |
MiddelsHavGrønn | 3C B3 71 | 60 179 113 |
Lime grønn | 32 CD 32 | 50 205 50 |
Kalk | 00 FF 00 | 0 255 0 |
SpringGreen | 00 FF 7F | 0 255 127 |
MiddelsVårGrønn | 00 FA 9A | 0 250 154 |
DarkSeaGreen | 8F BC 8F | 143 188 143 |
Middels Aquamarine | 66 CD AA | 102 205 170 |
Gul-grønn | 9A CD 32 | 154 205 50 |
PlenGrønn | 7C FC 00 | 124 252 0 |
Chartreuse | 7F FF 00 | 127 255 0 |
Lysegrønn | 90 EE 90 | 144 238 144 |
Grønn gul | AD FF 2F | 173 255 47 |
Blek grønn | 98 FB 98 | 152 251 152 |
Cyan farger | ||
Blågrønn | 00 80 80 | 0 128 128 |
DarkCyan | 00 8B 8B | 0 139 139 |
LightSeaGreen | 20 B2 AA | 32 178 170 |
CadetBlue | 5F 9E A0 | 95 158 160 |
MørkTurkis | 00 CE D1 | 0 206 209 |
Middels Turkis | 48 D1 CC | 72209204 |
Turkis | 40 E0 D0 | 64 224 208 |
Aqua | 00 FF FF | 0 255 255 |
Cyan | 00 FF FF | 0 255 255 |
Akvamarin | 7F FF D4 | 127 255 212 |
Blek Turkis | AF EE EE | 175 238 238 |
LysCyan | E0 FF FF | 224 255 255 |
Blå farger | ||
marinen | 00 00 80 | 0 0 128 |
Mørke blå | 00 00 8B | 0 0 139 |
Middelsblå | 00 00 CD | 0 0 205 |
Blå | 00 00 FF | 0 0 255 |
Midnatt blå | 19 19 70 | 25 25 112 |
Kongeblå | 41 69 E1 | 65 105 225 |
SteelBlue | 46 82 B4 | 70 130 180 |
DodgerBlue | 1E 90 FF | 30 144 255 |
DeepSkyBlue | 00 BF FF | 0 191255 |
KornblomstBlå | 64 95 ED | 100 149 237 |
SkyBlue | 87 CE EB | 135 206 235 |
LightSkyBlue | 87 CE FA | 135 206 250 |
LightSteelBlue | B0 C4 DE | 176 196 222 |
Lyse blå | AD D8 E6 | 173 216 230 |
Pulver blå | B0 E0 E6 | 176 224 230 |
HTML -navn | RGB | |
---|---|---|
Hex | Desimal | |
Lilla, fiolette og magenta farger | ||
Indigo | 4B 00 82 | 75 0 130 |
Lilla | 80 00 80 | 128 0 128 |
DarkMagenta | 8B 00 8B | 139 0 139 |
Mørk fiolett | 94 00 D3 | 148 0 211 |
DarkSlateBlue | 48 3D 8B | 72 61 139 |
Blå fiolett | 8A 2B E2 | 138 43 226 |
DarkOrchid | 99 32 CC | 153 50 204 |
Fuchsia | FF 00 FF | 255 0 255 |
Magenta | FF 00 FF | 255 0 255 |
Skiferblå | 6A 5A CD | 106 90 205 |
MediumSlateBlue | 7B 68 EE | 123 104 238 |
MiddelsOrkidé | BA 55 D3 | 186 85 211 |
MiddelsLilla | 93 70 DB | 147 112 219 |
Orkide | DA 70 D6 | 218 112 214 |
Fiolett | EE 82 EE | 238 130 238 |
Plomme | DD A0 DD | 221 160 221 |
Tistel | D8 BF D8 | 216 191216 |
Lavendel | E6 E6 FA | 230 230 250 |
Hvite farger | ||
MistyRose | FF E4 E1 | 255 228 225 |
AntikkHvit | FA EB D7 | 250 235 215 |
Sengetøy | FA F0 E6 | 250 240 230 |
Beige | F5 F5 DC | 245 245 220 |
HvitRøyk | F5 F5 F5 | 245 245 245 |
LavendelBlush | FF F0 F5 | 255 240 245 |
OldLace | FD F5 E6 | 253 245 230 |
AliceBlue | F0 F8 FF | 240 248 255 |
Skjell | FF F5 EE | 255 245 238 |
GhostWhite | F8 F8 FF | 248 248 255 |
Honning dugg | F0 FF F0 | 240 255 240 |
Blomsterhvit | FF FA F0 | 255 250 240 |
Azure | F0 FF FF | 240 255 255 |
MintCream | F5 FF FA | 245 255 250 |
Snø | FF FA FA | 255 250 250 |
elfenbein | FF FF F0 | 255 255 240 |
Hvit | FF FF FF | 255 255 255 |
Grå og svarte farger | ||
Svart | 00 00 00 | 0 0 0 |
DarkSlateGray | 2F 4F 4F | 47 79 79 |
DimGray | 69 69 69 | 105 105 105 |
SlateGray | 70 80 90 | 112 128 144 |
Grå | 80 80 80 | 128 128 128 |
LightSlateGray | 77 88 99 | 119 136 153 |
Mørkegrå | A9 A9 A9 | 169 169 169 |
Sølv | C0 C0 C0 | 192 192 192 |
Lysegrå | D3 D3 D3 | 211211121 |
Gainsboro | DC DC DC | 220 220 220 |
CSS farger
Den Cascading Style Sheets spesifikasjonen definerer samme antall navngitte farger som HTML 4 spec, nemlig de 16 html farger , og 124 farger fra Netscape X11 farge liste for totalt 140 navnene som ble anerkjent av Internet Explorer (IE) 3.0 og Netscape Navigator 3.0. Blooberry.com bemerker at Opera 2.1 og Safari 1 også inkluderte Netscapes utvidede liste med 140 fargenavn, men oppdaget senere 14 navn som ikke er inkludert i Opera 3.5 på Windows 98.
I CSS 2.1 ble fargen 'oransje' (en av de 140) lagt til delen med de 16 HTML4 -fargene som en 17. farge. CSS3.0 -spesifikasjonen inkluderte ikke oransje i " HTML4 fargesøkeord " -delen, som ble omdøpt til "Grunnleggende fargesøkeord". I den samme referansen ble delen "SVG -fargesøkeord" omdøpt til "Utvidede fargesøkeord", etter å ha startet som "X11 -fargesøkeord" i et tidligere arbeidsutkast. Arbeidsutkastet for fargemodulen på nivå 4 kombinerer grunnleggende og utvidede seksjoner sammen i en enkel "Navngitte farger" -del.
Navn |
Hex (RGB) |
Rød (RGB) |
Grønn (RGB) |
Blå (RGB) |
Fargetone (HSL/HSV) |
Satur. (HSL) |
Lys (HSL) |
Satur. (HSV) |
Verdi (HSV) |
Alias |
---|---|---|---|---|---|---|---|---|---|---|
oransje | #FFA500 | 100% | 65% | 0% | 39 ° | 100% | 50% | 100% | 100% |
CSS 2, SVG og CSS 2.1 lar webforfattere bruke systemfarger , som er fargenavn hvis verdier er hentet fra operativsystemet , velge operativsystemets markerte tekstfarge eller bakgrunnsfarge for verktøytips -kontroller. Dette gjør at nettforfattere kan style innholdet i tråd med operativsystemet til brukeragenten. Den CSS3 farge modulen har frarådet bruk av systemfarger i favør av CSS3 UI System Utseende eiendom, som selv ble senere droppet fra CSS3.
CSS3 -spesifikasjonen introduserer også HSL -fargeromverdier for stilark:
/* RGB model */
p { color: #F00 } /* #rgb */
p { color: #FF0000 } /* #rrggbb */
p { color: rgb(255, 0, 0) } /* integer range 0 - 255 */
p { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */
/* RGB with alpha channel, added to CSS3 */
p { color: rgba(255, 0, 0, 0.5) } /* 0.5 opacity, semi-transparent */
/* HSL model, added to CSS3 */
p { color: hsl(0, 100%, 50%) } /* red */
p { color: hsl(120, 100%, 50%) } /* green */
p { color: hsl(120, 100%, 25%) } /* dark green */
p { color: hsl(120, 100%, 75%) } /* light green */
p { color: hsl(120, 50%, 50%) } /* pastel green */
/* HSL model with alpha channel */
p { color: hsla(120, 100%, 50%, 1) } /* green */
p { color: hsla(120, 100%, 50%, 0.5) } /* semi-transparent green */
p { color: hsla(120, 100%, 50%, 0.1) } /* very transparent green */
CSS -farge 4
Juni 2014 la CSS WG til fargen RebeccaPurple i Editor's Draft of the Colours -modulen 4, for å minnes Eric Meyers datter Rebecca som døde 7. juni 2014, hennes sjette bursdag.
Navn |
Hex (RGB) |
Rød (RGB) |
Grønn (RGB) |
Blå (RGB) |
Fargetone (HSL/HSV) |
Satur. (HSL) |
Lys (HSL) |
Satur. (HSV) |
Verdi (HSV) |
Alias |
---|---|---|---|---|---|---|---|---|---|---|
RebeccaLilla | #663399 | 40% | 20% | 60% | 270 ° | 50% | 40% | 67% | 60% |
CSS støtter også den spesielle fargen transparent
, som representerer en alfa -verdi på null; som standard, transparent
er gjengitt som en usynlig nominell svart: rgba(0, 0, 0, 0)
.
CSS -farge 5
Nettsikre farger
Fargedybde |
---|
I slekt |
På midten av 1990-tallet var mange skjermer bare i stand til å vise 256 farger. Disse kan dikteres av maskinvaren eller kan endres av et "fargetabell". Når en farge er funnet (f.eks. I et bilde) som ikke er tilgjengelig, måtte en annen brukes. Dette kan gjøres enten ved å bruke den nærmeste fargen eller ved å bruke dithering .
Det var forskjellige forsøk på å lage en "standard" fargepalett. Et sett med farger var nødvendig som kunne vises uten å dithere på 256-fargeskjermer; tallet 216 ble valgt delvis fordi datamaskinoperativsystemer vanligvis reserverte seksten til tjue farger til eget bruk; den ble også valgt fordi den tillater nøyaktig seks nyanser av rødt, grønt og blått med like store mellomrom (6 × 6 × 6 = 216), hver fra 00 til FF (inkludert begge grensene).
Listen over farger presenteres som om den hadde spesielle egenskaper som gjør dem immun mot dithering, men på 256-fargedisplayer kan applikasjoner faktisk sette en palett med alle fargevalg de velger, og dithering resten. Disse fargene ble valgt spesielt fordi de matchet palettene som ble valgt av forskjellige nettleserprogrammer. Det var ikke veldig forskjellige paletter i bruk i forskjellige nettlesere.
"Nettsikre" farger hadde en feil i at på systemer som X11 hvor paletten deles mellom applikasjoner, ble mindre fargebuber (5 × 5 × 5 eller 4 × 4 × 4) tildelt av nettlesere-"web- trygge "farger ville miste på slike systemer. Ulike resultater ble oppnådd ved å gi et bilde med et større fargespekter og la nettleseren kvantifisere fargeområdet om nødvendig, i stedet for å lide tap av kvalitet ved en dobbel kvantisering.
Gjennom 2000-tallet falt bruken av 256-fargeskjermer i personlige datamaskiner kraftig til fordel for 24-biters ( TrueColor ) skjermer, og bruken av "nettsikre" farger har falt i praktisk bruk.
De "websikre" fargene har ikke alle standardnavn, men hver kan spesifiseres av en RGB- triplett: hver komponent (rød, grønn og blå) tar en av de seks verdiene fra tabellen nedenfor (av de 256 mulige tilgjengelige verdier for hver komponent i full 24-biters farge).
Nøkkel | Hex | Desimal | Brøkdel |
---|---|---|---|
0 | 00 | 0 | 0 |
3 | 33 | 51 | 0,2 |
6 | 66 | 102 | 0,4 |
9 | 99 | 153 | 0,6 |
C (12) | CC | 204 | 0,8 |
F (15) | FF | 255 | 1 |
Tabellen nedenfor viser alle de "nettsikre" fargene. En ulempe med den nettsikre paletten er det lille utvalget av lyse farger for nettsidebakgrunn, mens intensitetene i den lave enden av serien, for eksempel de to mørkeste, ligner hverandre, noe som gjør dem vanskelige å skille. Verdier flankert av "*" (stjerne) er en del av den "virkelig trygge paletten;" se Tryggeste nettfarger nedenfor.
Fargetabell
*000* | 300 | 600 | 900 | C00 | *F00* |
*003* | 303 | 603 | 903 | C03 | *F03* |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
*00F* | 30F | 60F | 90F | C0F | *F0F* |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
*0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
*0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
*0FC* | *3FC* | 6FC | 9FC | KFK | FFC |
*0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
Hver fargekode som er oppført er en stenografi for RGB -verdien. For eksempel tilsvarer kode 609 RGB-kode 102-0-153 eller HEX-kode #660099 .
Tryggeste nettfarger
Designere ble oppfordret til å holde seg til disse 216 "websikre" fargene på nettstedene sine fordi det var mange 8-biters fargeskjermer da 216-fargepaletten ble utviklet. David Lehn og Hadley Stern oppdaget at bare 22 av de 216 fargene i den nettsikre paletten vises pålitelig uten inkonsekvent omkart på 16-biters dataskjermer . De kalte disse 22 fargene "den virkelig trygge paletten"; den består stort sett av nyanser av grønt, gult og blått.
R--
-GB
|
0 | 3 | 6 | 9 | C | F |
---|---|---|---|---|---|---|
00 | *000* | *F00* | ||||
03 | *003* | *F03* | ||||
06 | ||||||
09 | ||||||
0C | ||||||
0F | *00F* | *F0F* | ||||
⋮ | ⋮ | |||||
F0 | *0F0* | *6F0* | *FF0* | |||
F3 | *3F3* | *6F3* | *FF3* | |||
F6 | *0F6* | *3F6* | *CF6* | *FF6* | ||
F9 | ||||||
FC | *0FC* | *3FC* | ||||
FF | *0FF* | *3FF* | *6FF* | *FFF* |
tilgjengelighet
Fargevalg
Noen nettlesere og enheter støtter ikke farger. For disse skjermer eller blinde og fargeblinde brukere kan webinnhold avhengig av farger være ubrukelig eller vanskelig å bruke.
Enten skal ingen farger spesifiseres (for å påkalle nettleserens standardfarger), eller så bør både bakgrunnen og alle forgrunnsfarger (for eksempel fargene i ren tekst, ubesøkede lenker, svevede lenker, aktive lenker og besøkte lenker) spesifiseres for å unngå svart på svart eller hvit på hvit effekter.
Fargekontrast
The Web Content Accessibility Guidelines anbefaler et kontrastforhold på minst 4,5: 1 mellom relative luminans av tekst og dens bakgrunnsfarge eller minst 3: 1 for stor tekst. Forbedret tilgjengelighet krever kontrastforhold større enn 7: 1.
Imidlertid er det ikke bare et spørsmål om å øke kontrastforholdet å ta opp bekymringer om tilgjengelighet. Som en rapport til Web Accessibility Initiative indikerer, blir dyslektiske lesere bedre tjent med kontrastforhold under maksimum. Anbefalingene de viser til off-black (0x0A0A0A) på off-white (0xFFFFE5) og black (0x000000) på creme (0xFAFAC8) har kontrastforhold på henholdsvis 11,7: 1 og 20,3: 1. Blant de andre fargeparene har brun (0x282800) på mørkegrønn (0xA0A000) et kontrastforhold på 3,24: 1, som er mindre enn WCAG -anbefalingen, mørk brun (0x1E1E00) på lysegrønn (0xB9B900) har et kontrastforhold på 4,54 : 1 og blått (0x00007D) på gult (0xFFFF00) har et kontrastforhold på 11,4: 1. Legg merke til at fargene som er navngitt i rapporten bruker andre fargeverdier enn nettfargene med samme navn.