Saturday, February 23, 2019

Textual description of firstImageUrl

Webfarben - Wikipedia



Web-Farben sind Farben, die zum Anzeigen von Webseiten im World Wide Web verwendet werden, sowie die Methoden zum Beschreiben und Festlegen dieser Farben. Farben können als RGB-Triplett oder im Hexadezimalformat (a Hex-Triplet ) oder in einigen Fällen nach ihren gebräuchlichen englischen Namen angegeben werden. Ein Farbwerkzeug oder eine andere Grafiksoftware wird häufig zur Erzeugung von Farbwerten verwendet. Bei manchen Anwendungen werden hexadezimale Farbcodes mit einem führenden Nummernzeichen (#) notiert angegeben. [1][2] Eine Farbe wird entsprechend der Intensität ihrer roten, grünen und blauen Komponenten angegeben, die jeweils durch acht Bits dargestellt werden. Somit werden 24 Bits verwendet, um eine Webfarbe innerhalb des sRGB-Bereichs anzugeben, und 16.777.216 Farben, die so angegeben werden können.

Farben außerhalb des sRGB-Bereichs können in Cascading Style Sheets angegeben werden, indem eine oder mehrere der roten, grünen und blauen Komponenten negativ oder größer als 100% gemacht wird. Daher ist der Farbraum theoretisch eine uneingeschränkte Extrapolation von sRGB, ähnlich wie bei scRGB. [3] Wenn Sie auf diese Weise eine Nicht-sRGB-Farbe angeben, ist der Aufruf der Funktion RGB () erforderlich. Dies ist mit der hexadezimalen Syntax nicht möglich (und daher auch in älteren HTML-Dokumenten, die kein CSS verwenden).

Die ersten Versionen von Mosaic und Netscape Navigator verwendeten die X11-Farbnamen als Basis für ihre Farblisten, da beide als X Window System-Anwendungen begannen.
Web-Farben haben eine eindeutige kolorimetrische Definition, sRGB, die die Chromatizität eines bestimmten Leuchtstoffsatzes, eine gegebene Übertragungskurve, einen adaptiven Weißpunkt und Betrachtungsbedingungen in Beziehung setzt. [4] Diese wurden so gewählt, dass sie vielen realen Monitoren und der Anzeige ähneln Bedingungen, damit das Rendern auch ohne Farbmanagement den angegebenen Werten ziemlich nahe kommt. Benutzerprogramme unterscheiden sich in der Wiedergabetreue, mit der sie die angegebenen Farben darstellen. Fortgeschrittenere Benutzeragenten verwenden das Farbmanagement, um eine bessere Farbtreue zu erreichen. Dies ist besonders wichtig für Web-to-Print-Anwendungen.




Hex Triplet [ edit ]


Ein Hex-Triplet ist eine sechsstellige, aus drei Bytes bestehende hexadezimale Zahl, die in HTML, CSS, SVG und anderen verwendet wird Computeranwendungen zur Darstellung von Farben. Die Bytes repräsentieren die roten, grünen und blauen Komponenten der Farbe. Ein Byte steht für eine Zahl im Bereich von 00 bis FF (in hexadezimaler Schreibweise) oder von 0 bis 255 in dezimaler Schreibweise. Dies repräsentiert die geringste (0) bis die höchste (255) Intensität jeder Farbkomponente. Web-Farben geben also Farben im True Color-Farbschema (24-Bit-RGB) an. Das Hex-Triplet wird durch Verketten von drei Bytes in hexadezimaler Schreibweise in der folgenden Reihenfolge gebildet:


Byte 1: Rotwert (Farbtyp Rot)

Byte 2: Grünwert (Farbtyp Grün)

Byte 3: Blauwert (Farbtyp Blau)

Betrachten Sie zum Beispiel die Farbe, in der Rot / Grün / Blau-Werte sind Dezimalzahlen: Rot = 36, Grün = 104, Blau = 160 (eine graublaue Farbe). Die Dezimalzahlen 36, 104 und 160 entsprechen den Hexadezimalzahlen 24, 68 bzw. A0. Das Hex-Triplett wird durch Verketten der sechs Hexadezimal-Ziffern erhalten, in diesem Beispiel 2468A0.

Wenn einer der drei Farbwerte weniger als 10 Hex (16 Dezimal) beträgt, muss er mit einer führenden Null dargestellt werden, damit das Triplett immer genau sechs Stellen hat. Beispielsweise würde das Dezimaltriplett 4, 8, 16 durch die Hex-Ziffern 04, 08, 10 dargestellt, die das Hex-Triplett 040810 bilden.

Die Anzahl der Farben, die durch dieses System dargestellt werden können, beträgt 16 6 oder 256 3 oder 2 24 = 16.777.216.


Hexadezimal-Kurzform [ edit ]


Es wird eine abgekürzte, dreifache (Hexadezimal) -Digitform verwendet. [5] Wenn Sie diese Form auf die sechsstellige Form setzen, so einfach ist dies Verdoppeln jeder Ziffer: 09C wird zu 0099CC, wie im folgenden CSS-Beispiel dargestellt:


.  dreizehnit   {  color :   # 09C ;      
19659024]: # 0099CC ; } / * gleiche Farbe wie oben * /

Diese Abkürzungsform reduziert die Palette auf 4.096 Farben, was einer 24-Bit-Farbe gegenüber 24 entspricht -Bit-Farbe unter Verwendung der gesamten sechsstelligen Form (16.777.216 Farben) ist diese Einschränkung für viele textbasierte Dokumente ausreichend.


Konvertieren von RGB in Hexadezimalwerte [ edit ]



RGB-Werte werden normalerweise im Bereich von 0 bis 255 angegeben; Wenn sie im Bereich 0–1 liegen, werden die Werte vor der Konvertierung mit 255 multipliziert. Diese durch sechzehn dividierte Zahl (Ganzzahldivision; Ignorieren eines Restes) gibt die erste Hexadezimalziffer an (zwischen 0 und F, wobei die Buchstaben A bis F die Zahlen 10 bis 15 darstellen. Weitere Informationen finden Sie unter Hexadezimal). Der Rest gibt uns die zweite hexadezimale Ziffer. Zum Beispiel teilt sich der RGB-Wert 201 in 12 Gruppen von 16, daher ist die erste Ziffer C. Ein Rest von neun gibt die Hexadezimalzahl C9 an. Dieser Vorgang wird für jeden der drei Farbwerte wiederholt.

Die Konvertierung zwischen Zahlenbasis ist ein allgemeines Merkmal von Taschenrechnern, einschließlich sowohl Handmodellen als auch Software-Taschenrechnern, die mit den meisten modernen Betriebssystemen gebündelt sind. Webbasierte Tools, die speziell zum Konvertieren von Farbwerten verwendet werden, sind ebenfalls verfügbar.


HTML-Farbnamen [ edit ]


Die im Jahr 1999 ratifizierte Spezifikation HTML 4.01 definiert 16 benannte Farben [6] wie folgt (Namen werden in diesem Zusammenhang als Fall definiert -unempfindlich):














































































































































































CSS 1–2.0, HTML 3.2–4 und VGA-Farbnamen
Name
Hex
(RGB)
Rot
(RGB)
Grün
(RGB)
Blau
(RGB)
Farbton
(HSL / HSV)
Satur
(HSL)
Licht
(HSL)
Satur.
(HSV)
Wert
(HSV)
CGA-Nummer ( Name); alias
Weiß
#FFFFFF
100%
100%
100%
0 °
0%
100%
0%
100% 15 (weiß)
Silber
# C0C0C0
75%
75%
75%
0 °
0%
75%
0%
75% 07 (hellgrau)
grau
# 808080
50%
50%
50%
0 °
0%
50%
0%
50% 08 (dunkelgrau)
Schwarz
# 000000
0%
0%
0%
0 °
0%
0%
0%
0% 00 (Schwarz)
Rot
# FF0000
100%
0%
0%
0 °
100%
50%
100%
100% 12 (hochrot)
Maroon
# 800000
50%
0%
0%
0 °
100%
25%
100%
50% 04 (niedrig rot)
Gelb
# FFFF00
100%
100%
0%
60 °
100%
50%
100%
100% 14 (gelb)
Olive
Nr. 808000
50%
50%
0%
60 °
100%
25%
100%
50% 06 (braun)
Kalk
# 00FF00
0%
100%
0%
120 °
100%
50%
100%
100% 10 (hochgrün); Grün
Grün
# 008000
0%
50%
0%
120 °
100%
25%
100%
50% 02 (schwach grün)
Aqua
# 00FFFF
0%
100%
100%
180 °
100%
50%
100%
100% 11 (hohes Cyan); Cyan
Blaugrün
# 008080
0%
50%
50%
180 °
100%
25%
100%
50% 03 (niedriges Cyan)
Blau
# 0000FF
0%
0%
100%
240 °
100%
50%
100%
100% 09 (hochblau)
Marine
# 000080
0%
0%
50%
240 °
100%
25%
100%
50% 01 (tiefblau)
Fuchsia
# FF00FF
100%
0%
100%
300 °
100%
50%
100%
100% 13 (hohes Magenta); Magenta
Lila
Nr. 800080
50%
0%
50%
300 °
100%
25%
100%
50% 05 (geringes Magenta)

Diese 16 wurden als sRGB bezeichnet und in die HTML 3.0-Spezifikation aufgenommen, die feststellte, dass es sich dabei um "die 16 Standardfarben handelt, die mit der Windows-VGA-Palette unterstützt werden". [7]


X11-Farbnamen [ edit ]]


SVG-Version von X11-Farbnamen


Eine Anzahl von Farben wird von Webbrowsern definiert. Ein bestimmter Browser erkennt möglicherweise nicht alle diese Farben, aber ab 2005 unterstützen alle modernen, allgemein verwendbaren grafischen Browser die vollständige Liste der Farben. Viele dieser Farben stammen aus der Liste der X11-Farbnamen, die mit dem X Window System verteilt werden. Diese Farben wurden von SVG 1.0 standardisiert und von SVG Full-Benutzeragenten akzeptiert. Sie sind nicht Teil von SVG Tiny.

Die Liste der mit dem X11-Produkt gelieferten Farben variiert zwischen Implementierungen und Übereinstimmungen mit bestimmten HTML-Namen, z. B. grün. X11-Farben werden als einfaches RGB (also kein bestimmter Farbraum) und nicht als sRGB definiert. Dies bedeutet, dass die Liste der Farben in X11 (z. B. in /usr/lib/X11/rgb.txt) nicht direkt zur Auswahl von Farben für das Web verwendet werden sollte. [8]

The Die Liste der Web "X11-Farben" aus der CSS3-Spezifikation wird zusammen mit den entsprechenden Hexadezimal- und Dezimalzahlen angezeigt. Vergleichen Sie die alphabetischen Listen in den W3C-Standards. Dazu gehören die gängigen Synonyme: aqua (Standardname HTML4 / CSS 1.0) und Cyan (allgemeiner sRGB-Name), Magenta (allgemeiner sRGB-Name) und Fuchsia (Standardname HTML4 / CSS 1.0), grau (Standardname HTML4 / CSS 1.0) und grau. [9][10]






























































































































































































HTML-Name
RGB
Hex
Dezimal
Rosafarben
Rosa FF C0 CB 255 192 203
FF B6 C1 255 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255 20 147
PaleVioletRed DB 70 93 19659270] MediumVioletRed C7 15 85 199 21 133
Rote Farben
LightSalmon FF A0 7A 255 160 122
Lachs
Lachs FA 80 7298 128 114
DarkSalmon E9 96 7A 233 150 122
LightCoral F0 80 80 240 128 128
IndianRed CD 5C 5C
Crimson DC 14 3C 220 20 60
Firebrick B2 22 22 178 34
DarkRed 8B 00 00 1380 ] Rot FF 00 00 255 0 0
Orangefarben
OrangeRed FF 45 00 255 69 0
Tomate FF 63 47 255 99 71
Coral
FF 7F 50 255 127 80
DarkOrange FF 8C 00 255 140 0
Orange FF A5 00 255 165 0
Gelbe Farben
Gelb FF FF 00 255 255 0
Hellgelb FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205 LightGoldenrock [19659328] FA FA D2 250 250 210
PapayaWhip
FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 488] FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170 Khaki F0 E6 8C 240 140 140 240 140 140 6] BD B7 6B 189 183 107
Gold FF D7 00 255 215 0
Braune Farben
Cornsilk FF F8 DC 255 248 220
] BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD FF (19659256) F5 DE B3 245 222 179
Burlywood DE B8 87 222 184 135
TAN D2 B4 8C 210 180 140 210 180 140 210 180 140 ] BC 8F 8F 188 143 143
Sandy Brown F4 A4 60 244 164 96
Goldrute DA A5 20 218 165 32
86 0B 184 134 11
Peru CD 85 3F 205 133
Schokolade D2 69 1E 210 105 30 8B 45 139 69 19
Sien na A0 52 2D 160 82 45
Brown A5 2A 2A 165 42 42
Maroon 80 00 00 128 0 0

HTML-Name
RGB
Hex
Dezimal
Grüne Farben
DarkOliveGreen 55 6B 2F 85 107 47 80 80 00 1965925650
OliveDrab 6B 8E 23 107 142 35
YellowGreen 9A CD 32 154 205 50
LimeGreen 32 CD 32 5055050 19659423] Kalk 00 FF 00 0 255 0
LawnGreen 7C FC 00 124 252 0
Chartreuse 7F FF 127 045 GreenYellow AD FF 2F 173 255 47
SpringGreen 00 FF 7F 0 255 127
MediumSpringGreen 0259509909 ] LightGreen 90 EE 90 144 238 144
PaleGreen 98 FB 98 152 251 152
DarkSeaGreen 8F BC 8F 143 143 143 EdiumAquamarine 66 CD AA 102 205 170
MediumSeaGreen 3C B3 71 60 179 113
SeaGreen 2E 8B 57 469489 19659256] 22 8B 22 34 139 34
Grün 00 80 00 0 128 0
DarkGreen 00 64 00 0 100 0 Cyan-Farben
] Aqua 00 FF FF 0 255 255
Cyan 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255 PaleTurquoise AF EE EE 175 238 238
Aquamarin 7F FF D4 127 255 212
Turquoise 40 E0 D0 48 D1 CC 72 209 204
DarkTurquoise 00 CE D1 0 206 209
LightSeaGreen 20 B2 AA 32 178 170
CadetBlue [19659256] 5F 9E A0 95 158 160
DarkCyan 00 8B 8B 0 139 139
Teal 00 80 80 05958253 ] LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230 [196595126] AD D8 E6 [19659256903] 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 95256] 0 191 255 ] 1E 90 FF 30 144 255
CornflowerBlue 64 95 ED 100 149 237
SteelBlue 46 82 B4 70 130 180 [196595256] 69 E1 65 105 225
Blau 00 00 FF 0 0 255
MediumBlue 00 00 CD 0 0 205 00 00B [19659256] 0 0 139
Navy 00 00 80 0 0 128
MidnightBlue 19 19 70 25 25 112






















































































HTML-Name
RGB
Hex
Dezimal
Purpur-, Violett- und Magentafarben
Lavender E6 E6 FA 230 230 250
D8 BF 216 191 216
Pflaume DD A0 DD 221 160 221
Violett EE 82 EE 238 130 238
DA 70 D6 ] 218 112 214
Fuchsia FF 00 FF 255 0 255
Magenta FF 00 FF 255 0 255 MediumOrchid BA 55 D3 186 85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138 43 226
DarkViolet 94 00 D3
DarkOrchid 99 32 CC 153 50 204
DarkMagenta 8B 139 0 139
Lila 80 00 80 128 0 128 ] Indigo 4B 00 82 75 0 130
DarkSlateBlue 48 3D 8B 72 61 139
SlateBlue 6A 5A CD 106 90 205
MediumSlateBlue [109659607] 68 EE 123 104 238
Weiße Farben
Weiß FF FF FF 255 255 255
Schnee FA FF FA 255 250 250
19659256] F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
240 255 255
F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 F5 245 245 245 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWite
19659256] 255 250 240
Iv ory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Leinen FA F0 E6 Lavender
19659256] FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225

Gainsboro
DC DC DC
LightGray D3 D3 D3 211 211 211
Silber C0 C0 C0 192 192 192
DarkGray A9 A9 A9 A9 ] Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 Slate 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79 00 00 00 0 0 0 Farben [ edi t ]

Mitte der 90er Jahre waren viele Displays nur in der Lage, 256 Farben darzustellen. [11] Diese können von der Hardware vorgegeben oder durch eine "Farbtabelle" veränderbar sein. Wenn eine Farbe gefunden wird (z. B. in einem Bild), die nicht verfügbar ist, musste eine andere verwendet werden. Dies kann entweder durch Verwendung der nächsten Farbe oder durch Dithering erfolgen.

Es gab verschiedene Versuche, eine "Standard" -Farbpalette zu erstellen. Es wurde ein Satz von Farben benötigt, der auf 256-Farben-Displays ohne Dithering dargestellt werden konnte. die Nummer 216 wurde teilweise gewählt, weil Computerbetriebssysteme üblicherweise 16 bis 20 Farben für ihren eigenen Gebrauch reserviert hatten; Es wurde auch ausgewählt, weil es genau sechs gleichfarbige Abstufungen von Rot, Grün und Blau (6 × 6 × 6 = 216) erlaubt, jeweils von 00 bis FF (einschließlich beider Grenzen).

Die Liste der Farben wird so dargestellt, als hätte sie spezielle Eigenschaften, die sie gegen Dithering unempfindlich machen. Auf 256-Farben-Displays können Anwendungen jedoch eine Palette mit einer beliebigen Auswahl von Farben festlegen, die sie auswählen. Diese Farben wurden speziell ausgewählt, weil sie mit den von verschiedenen Browseranwendungen ausgewählten Paletten übereinstimmen. Es wurden nicht sehr unterschiedliche Paletten in verschiedenen Browsern verwendet. Zitat benötigt ]

"Web-Safe" -Farben hatten einen Fehler darin, auf Systemen wie X11, wo die Die Palette wird von Anwendungen gemeinsam genutzt, kleinere Browserwürfel (5 × 5 × 5 oder 4 × 4 × 4) wurden von Browsern zugewiesen - die "web-sicheren" Farben würden auf solchen Systemen dither sein. Unterschiedliche Ergebnisse wurden erzielt, indem ein Bild mit einem größeren Farbbereich bereitgestellt wurde und der Browser den Farbraum bei Bedarf quantisieren konnte, anstatt den Qualitätsverlust einer doppelten Quantisierung zu erleiden.

Seit 2011 haben PCs [12] normalerweise 24-Bit (TrueColor) und die Verwendung von "web-sicheren" Farben ist praktisch nicht mehr zu gebrauchen.

Die "web-safe" Farben haben nicht alle Standardnamen, sondern können durch ein RGB-Triplet angegeben werden: Jede Komponente (rot, grün und blau) erhält einen der sechs Werte aus der folgenden Tabelle (aus die 256 möglichen Werte, die für jede Komponente in voller 24-Bit-Farbe verfügbar sind).
























6 Farben jeder Farbe
Schlüssel
Hex
Dezimalzahl
Fraktion
0
00
0
0
3
33
51
0.2
6
66
102
0,4
9
99
153
0,6
C oder (12)
CC
204
0.8
F oder (15)
FF
255
1

Die folgende Tabelle zeigt alle "web-safe" Farben. Ein Nachteil der web-sicheren Palette ist die geringe Auswahl an hellen Farben für den Hintergrund von Webseiten, während die Intensitäten am unteren Ende des Bereichs, wie z. B. die beiden dunkelsten, einander ähnlich sind, so dass sie schwer zu unterscheiden sind.


Farbtabelle [ edit ]












































































































































































216 web-sichere Farben
* 000 *
300
600
900
C00
* F00 *
* 003 *
303
603
903
C03
* F03 *
006
306
606
906
19659755] 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
19659785] C33
F33
036
336
636
936
C36
F36
039
339
639
939
19659797] C39
F39
03C
33C
63C
93C
C3C
F3C
03F
33F
63F
93F
C3F
F3F
060
360
660
960
19659815] C60
F60
063
363
663
19659820 963
19659821] 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
19659851] C90
F90
093
393
693
993
19659857] C93
F93
096
396
696
996
19659863] 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
19659893] 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 *
19659937] 0F9
3F9
6F9
9F9
CF9
FF9
* 0FC *
* 3FC *
6FC
9FC
CFC
FFC
* 0FF *
* 3FF *
* 6FF *
9FF
19659953] CFF
* FFF *

Jeder aufgelistete Farbcode ist eine Abkürzung für den RGB-Wert. Beispielsweise ist Code 609 gleichbedeutend mit RGB-Code 102-0-153 oder HEX-Code # 660099


Sicherste Webfarben [ edit ]


Designer sollten sich an diese 216 halten. web-safe "Farben in ihren Websites, da bei der Entwicklung der 216-Farben-Palette viele 8-Bit-Farbdarstellungen vorhanden waren. David Lehn und Hadley Stern stellten fest, dass nur 22 der 216 Farben in der Websafe-Palette zuverlässig angezeigt werden, ohne dass auf 16-Bit-Computerbildschirmen inkonsistente Remapping-Vorgänge vorgenommen werden. Sie nannten diese 22 Farben die "wirklich sichere" Palette. es besteht größtenteils aus Grüntönen, Gelb und Blau, wie in der nachstehenden Tabelle dargestellt. [13]

























































Sicherste Webfarben

0
3
6
9
C
F
00
* 000 *




* F00 *
03
* 003 *




* F03 *
0F
* 00F *




* F0F *
F0
* 0F0 *

* 6F0 *


* FF0 *
F3

* 3F3 *
* 6F3 *


* FF3 *
F6
* 0F6 *
* 3F6 *


* CF6 *
* FF6 * [14]
FC
* 0FC *
* 3FC *




FF
* 0FF *
* 3FF *
* 6FF *


* FFF *

CSS-Farben [ edit ]


Die Spezifikation Cascading Style Sheets definiert die gleiche Anzahl benannter Farben wie die HTML 4-Spezifikation, nämlich die 16-HTML-Farben und 124 Farben aus Netscape X11-Farbliste für insgesamt 140 Namen, die von Internet Explorer (IE) 3.0 und Netscape Navigator 3.0 erkannt wurden. [15] Blooberry.com stellt fest, dass Opera 2.1 und Safari 1 auch die erweiterte Liste von 140 Farbnamen von Netscape enthielten, die jedoch später entdeckt wurde 14 Namen sind in Opera 3.5 unter Windows 98 nicht enthalten. [16]

In CSS 2.1 wurde die Farbe "Orange" (eine der 140) der Sektion mit den 16 HTML4-Farben als hinzugefügt 17. Farbe. [17] Die CSS3.0-Spezifikation enthielt orange nicht im Abschnitt "HTML4-Farbschlüsselwörter", der in "Grundfarbschlüsselwörter" umbenannt wurde. [18] In derselben Referenz steht der " Abschnitt "SVG-Farbschlüsselwörter" wurde in "Erweiterte Farbschlüsselwörter" umbenannt, nachdem er in "X11-Farbschlüsselwörter" begonnen hatte ein früherer Arbeitsentwurf. [19] Der Arbeitsentwurf für das CSS4-Farbmodul fasst die Abschnitte Basic und Extended in einem einfachen Abschnitt "Named Colors" zusammen. [20]



Mit CSS 2, SVG und CSS 2.1 können Webautoren verwendet werden Systemfarben Farbnamen, deren Werte vom Betriebssystem übernommen werden, wobei die hervorgehobene Textfarbe des Betriebssystems oder die Hintergrundfarbe für QuickInfo-Steuerelemente ausgewählt wird. Dies ermöglicht Webautoren, ihren Inhalt an das Betriebssystem des Benutzeragenten anzupassen. [21] Das CSS3-Farbmodul hat die Verwendung von Systemfarben zugunsten der CSS3-UI-Eigenschaft System Appearance [22][23] abgelehnt, die selbst später fallen gelassen wurde aus CSS3 [24]

Die sich entwickelnde CSS3-Spezifikation führt auch HSL-Farbraumwerte in Stylesheets ein: [25]


  / * RGB-Modell * / 
p { color : # F00 } / * #rgb * /
p { Farbe : # FF0000 ] / * #rrggbb * /
p { color : rgb [19650024] (19660029) 255 0 0 0 ) } / * ganzzahliger Bereich 0 - 255 * /
p { Farbe : rgb [19650024] 100 100 100 ] 0 % 0 % ) ] } [1965] 9036] / * Float-Bereich 0,0% - 100,0% * /

/ * RGB mit Alphakanal, hinzugefügt zu CSS3 * /
p { Farbe : Rgba ] ( 255 0 0 0.5 ) } / * 0,5 Opazität, semitransparent * /

/ * HSL-Modell, hinzugefügt zu CSS3 * /
p { color : hsl [19650024] 0 0 [19669031] 100 % 50 % ) } / * red * /
p {19659023] Farbe : : : ] hsl ( 120 100 % 50 % ] ] * *
p { color : hsl ( 120 100 % [19650024] 25 25 ]% ) } / * dunkelgrün * /
p { Farbe : 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[19660044]%, 0.1) } /* very transparent green */

On 21 June 2014, the CSS WG added the color RebeccaPurple to the Editor's Draft of the CSS4 Colors module, to commemorate Eric Meyer's daughter Rebecca who died on 7 June 2014, her sixth birthday.[26]























Color added in CSS4 Colors module
Name
Hex
(RGB)
Red
(RGB)
Green
(RGB)
Blue
(RGB)
Hue
(HSL/HSV)
Satur.
(HSL)
Light
(HSL)
Satur.
(HSV)
Value
(HSV)
Alias
RebeccaPurple
#663399
40%
20%
60%
270°
50%
40%
67%
60%

Accessibility[edit]


Color selection[edit]


Some browsers and devices do not support colors. For these displays, or for blind and colorblind users, Web content depending on colors can be unusable or difficult to use.

Either no colors should be specified (to invoke the browser's default colors), or both the background and all foreground colors (such as the colors of plain text, unvisited links, hovered links, active links, and visited links) should be specified to avoid black on black or white on white effects.[27]


Color contrast[edit]


The Web Content Accessibility Guidelines recommend a contrast ratio of at least 4.5:1 between the relative luminance of text and its background color[28] or at least 3:1 for large text. Enhanced accessibility requires contrast ratios greater than 7:1.

However, addressing accessibility concerns is not simply a matter of increasing the contrast ratio. As a report to the Web Accessibility Initiative indicates[29]dyslexic readers are better served by contrast ratios below the maximum. The recommendations they refer to of off-black (0x0A0A0A) on off-white (0xFFFFE5) and black (0x000000) on creme (0xFAFAC8) have contrast ratios of 11.7:1 and 20.3:1 respectively. Among their other color pairs, brown (0x282800) on dark green (0xA0A000) has a contrast ratio of 3.24:1, which is less than the WCAG recommendation, dark brown (0x1E1E00) on light green (0xB9B900) has a contrast ratio of 4.54:1 and blue (0x00007D) on yellow (0xFFFF00) has a contrast ratio of 11.4:1. Notice that the colors named in the report use different color values than the web colors of the same name.


See also[edit]




References[edit]



  1. ^ Niederst Robbins, Jennifer (February 2006). "Appendix D: Specifying Color". Web Design in a Nutshell. O'Reilly. p. 830. ISBN 978-0-596-00987-8.

  2. ^ York, Richard. Beginning CSSpp. 71–72.

  3. ^ Pemberton, Steven; Pettit, Brad (7 June 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David, eds. "CSS Color Module Level 3". W3C. section 4.2.1. RGB color values.

  4. ^ Digital Color Imaging Handbook By Gaurav Sharma. ISBN 0-8493-0900-X

  5. ^ Pemberton, Steven; Pettit, Brad (7 June 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David, eds. "4.2.1. RGB color values". CSS Color Module Level 3. W3C. Retrieved 19 March 2013.

  6. ^ "HTML 4.01 Specification section 6.5 "Colors"". W3.org. Retrieved 8 July 2013.

  7. ^ "HTML 3.2 Specification "The BODY element"". W3.org. Retrieved 8 July 2013.

  8. ^ "Public discussion on SVG mailing list Re: color names in SVG-1.0 conflict with /usr/lib/X11/rgb.txt". Lists.w3.org. Retrieved 8 July 2013.

  9. ^ Pemberton, Steven; Pettit, Brad (7 June 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David, eds. "4.3. Extended color keywords". CSS Color Module Level 3. W3C. Retrieved 19 March 2013.

  10. ^ "W3C TR SVG 1.0, recognized color keyword names". W3.org. 16 August 2011. Retrieved 1 Feb 2019.

  11. ^ Jenkins, Sue (2012-12-27). Web Design All-in-One For Dummies. John Wiley & Sons. ISBN 9781118404119.

  12. ^ "Browser Display Statistics". W3schools.com. Retrieved 8 July 2013.

  13. ^ "Death of the Websafe Color Palette?". Physics.ohio-state.edu. Retrieved 8 July 2013.

  14. ^ "Web Color Reference - HTML with Style | 4 | WebReference". www.webreference.com. Retrieved 2016-01-05.

  15. ^ "The X11 Color Set". Retrieved 6 July 2014.

  16. ^ Brian Wilson. "Colors in HTML and CSS". Retrieved 6 July 2014.

  17. ^ "CSS 2.1 Specification: Syntax and basic data types: Colors". 8 September 2009. Retrieved 21 December 2009.

  18. ^ "CSS Color Module Level 3 – Proposed Recommendation - 11. Changes". 28 October 2010. Retrieved 6 July 2014.

  19. ^ "CSS Color Module Level 3 – Working Draft". 18 April 2002. Retrieved 6 July 2014.

  20. ^ CSS Color Module Level 4 – Editor’s Draft, 26 June 2014

  21. ^ "User interface – System colors". W3.org. Retrieved 8 July 2013.

  22. ^ Pemberton, Steven; Pettit, Brad (7 June 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David, eds. "4.5.1. CSS2 system colors". CSS Color Module Level 3. W3C. Retrieved 19 March 2013.

  23. ^ "CSS3 Basic User Interface Module, W3C Candidate Recommendation 11 May 2004: System Appearance". W3.org. Retrieved 8 July 2013.

  24. ^ Çelik, Tantek, ed. (17 January 2012). "List of substantial changes". CSS Basic User Interface Module Level 3. W3C. Retrieved 19 March 2013. System Appearance has been dropped, including appearance values & property, and system fonts / extension of the 'font' property shorthand.

  25. ^ Pemberton, Steven; Pettit, Brad (7 June 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David, eds. "4.2.4. HSL color values". CSS Color Module Level 3. W3C. Retrieved 19 March 2013.

  26. ^ Glazman, Daniel (21 June 2014). "Re: [CfC] adding 'rebeccapurple' to CSS Color Level 4". Post to www-style mailing list. W3C. Retrieved 24 June 2014.

  27. ^ "If You Pick One Color, Pick Them All". W3.org. Retrieved 8 July 2013.

  28. ^ WCAG 2.0 guideline 1.4

  29. ^ Optimal Colors to Improve Readability for People with Dyslexia


External links[edit]










No comments:

Post a Comment