In den Anfangszeiten (ca. 1995) des WWWWWW WWW ist ein Informationssystem, das einen bequemen Zugriff auf Informationen, die auf vielen verschiedenen Computern gespeichert sind, in der Form von Hypertext- und Hypermedia-Links ermöglicht. Der Zugriff erfolgt nach dem Prinzip von Server und Client über das Internet mit dem Protokoll HTTP. Text-Informationen werden auf den WWW-Servern in der Form von HTML-Files, WML-Files und XML-Files gespeichert. Außerdem können auch Bilder, Töne, Videos und beliebige sonstige Files über das WWW übertragen werden, und es können Programme gestartet und Benutzer-Eingaben verarbeitet werden. WWW wurde am europäischen Kernforschungszentrum CERN in Genf entwickelt und wird vom W3-Consortium weiter entwickelt. Der Name bedeutet so etwas wie ein “weltweites Spinnennetz”. (siehe auch Geschichte und Referenzen) musste man definieren. Warum? Grafikkarten und Monitore arbeiten damals mit 8 bit-FarbtiefeFarbtiefe Informationsmenge, mit der die Farbe eines Bildpunktes beschrieben wird. 1 Bit kann bekanntlich nur 2 Zustände haben – nämlich ein bzw. aus. Auf Farben übertragen heißt das „schwarz“ oder „weiß“. In 8 Bit kann man demzufolge 256 verschiedene Zustände ausdrücken; auf Farben übertragen also 256 verschiedene Farben. Für qualitativ hochwertige Reproduktionen sind mindestens 8 Bit PRO Farbe erforderlich. Bezogen auf drei Farbkanäle (z.B. Rot / Grün / Blau) ergeben sich aus 3 x 8 Bit 256 x 256 x 256 = 16,7 Millionen Farben = 24 bit Farbtiefe. Farbtiefe Anmerkung: Anzahl der Farben Verwendungsbeispiele 1 Bit 2 Zustände: 0 oder 1 2 Farben gescannte schwarz-weiße Pläne für hybride Verarbeitung in Verbindung mit CAD-Programmen 4 Bit binär: 0000 – 1111 16 Farben Grafikkarten in der PC-Steinzeit 8 Bit 8 Bit = 1 Byte = 256 256 Farben Standard-VGA-Farbtiefe, Standard bei farbreduzierten (GIF-)Bilddateien 16 Bit 256 mal 256 = 65536 65.536 Farben sogenannte „Hi-Color“-Lösung für modernen Grafikkarten 24 Bit 3 volle Farbkanäle: 256 mal 256 mal 256 16,7 Mio. Farben „TrueColor“ (echte Farben) für Grafikkarten und Bilddateien 32 Bit 3 Farbkanäle und ein Sonderkanal 16,7 Mio. Farben Der Sonderkanal wird für progammabhängig Sonderfunktion verwendet (häufig auch als „Alpha“-Kanal zur Definition von Transparenzen). Mit der Farbtiefe wird gemessen, wieviel Farbinformation für die Anzeige oder die Ausgabe jedes Bildpixels verfügbar ist. Eine größere Farbtiefe (mehr Bitinformation pro Pixel) bedeutet mehr Farben und eine präzisere Farbdarstellung in dem digitalen Bild. Ein Pixel mit einer Farbtiefe von 1 Bit hat z. B. zwei mögliche Werte: Schwarz und Weiß. 8 Bit hat 28 bzw. ca. 256 mögliche Werte. 24 Bit hat 224 bzw. ca. 16 Millionen mögliche Werte. Die Farbtiefe liegt i. d. R. zwischen 1 und 64 Bit pro Pixel. Lab-, RGB-, Graustufen- und CMYK-Bilder enthalten meist 8 Bit Daten pro Farbkanal. Dies entspricht einer Lab-Farbtiefe von 24 Bit (8 Bit x 3 Kanäle), einer RGB-Farbtiefe von 24 Bit (8 Bit x 3 Kanäle), einer Graustufen-Farbtiefe von 8 Bit (8 Bit x 1 Kanal) und einer CMYK-Farbtiefe von 32 Bit (8 Bits x 4 Kanäle). Farbtiefe bedeutet, wie viele verschiedene Farbtöne in einer Grafikdatei gespeichert werden. Bei Pixelformaten gibt es heute folgende typische Farbtiefen: 2 Farben (schwarz/weiß) 16 Farben 256 Farben 16,7 Mio. Farben Das GIF-Format unterstützt bis 256 Farben (kann im Programm jeweils stufenlos eingestellt werden), das JPEG-Format 16,7 Mio. und 23,6 Mio. Farben. Daß in einer Datei so viele Farben gespeichert werden können, bedeutet aber noch lange nicht, daß Anwender tatsächlich so viele Farben sehen. Denn wie viele Farben beim Anwender angezeigt werden können, hängen vom gewählten Bild ab. So sind typischerweise Button und Schriften in Grafiken mit vollflächigen Grafiken versehen, die längsten in 256 Farben bestimmt werden können. Fotos mit Farbverläufen und verschiedensten Farbschattierungen benötigen jedoch mehr Farben und werden als JPG abgespeichert. Farblehre Farbtiefe Bit 1 2 1×2=2 2 2×2 2×2=4 3 2x2x2 4×2=8 4 2x2x2x2 8×2=16 5 2x2x2x2x2 16×2=32 6 2x2x2x2x2x2 32×2=64 7 2x2x2x2x2x2x2 64×2=128 8 2x2x2x2x2x2x2x2 128×2=256 (heute: ab 24 u. 32 bit) und konnten maximal 256 Farben darstellen. Mit dem Einsatz von websicheren Farben konnte man von einer annähernd gleichen Darstellung einer Webseite auf verschiedenen Computernsystemen und Browsern ausgehen.
Das Problem der unterschiedlichen Darstellung auf unterschiedlicher Hardware und Browsern besteht nach wie vor, allerdings weniger dramatisch als in der Vergangenheit. Nach wie vor gelten folgende 216 Farben als ein „websicherer“ Kompromiss, der sowohl auf Windows wie auch auf Apple-(Mac)-Rechnern und den diversen Browsern gut funktioniert.
Websicher sind Farben sind solche, dessen Hexadezimalcode aus einer Kombination von 3 ( RGB, Rot, Grün, Blau) String-Paaren : 00, 33, 66, 99, CC und FF bestehen.Ein Code sieht dann z.B. so aus: # 00FF99.
Hintergrund war für jede Grundfarbe (Rot, Grün, und Blau) sechs verschiedene Farbtöne anzubieten, dies ergibt folgende Darstellung der RGB-Werte (in hexadezimaler Darstellung)
yyxx00, yyxx33, yyxx66, yyxx99, yyxxCC, yyxxFF, yy00xx, yy33xx, yy66xx, yy99xx, yyCCxx, yyFFxx, 00yyxx, 33yyxx, 66yyxx, 99yyxx, CCyyxx, FFyyxx. usw.
Aufgrund heutiger Rechnerleistungen von mehr als 24 BitBit Ein Computer kann nichts anderes als rechnen. Dieses Rechnen beschränkt sich auch noch auf nur zwei Zahlen, die 0 und die 1. Einen dieser beiden möglichen Zustände kann die kleinste Speichereinheit in einem Computer aufnehmen. Das BIT (binary digit). Im PC basiert alles auf dieser binären Zahl. Die beiden Zustände bedeuten daher nichts anderes als STROM EIN und STROM AUS. Die nächst größere Einheit ist das BYTE. Eine Gruppe von 8 BITs. Aus diesen 8 BITs bestehen die Zeichen oder Charakter die der Computer darstellen kann z.B. 1101001. 1Es gibt 256 mögliche Zeichen da jedes der 8 BITs aus 1oder 0 besteht allso 28 2×2=4×2=8×2=16×2=32×2=64×2=128×2=256.
(binary digit), Binärzeichen, Strom oder kein Strom, Licht oder Dunkelheit, magnetisiert oder anders magnetisiert, hoher Ton oder tiefer Ton usw. Die kleinste Informationseinheit im Computer; hat als Wert 1 oder 0. Acht Bits sind ein Byte. Die Anzahl Bits, die im Computer zur Informationsaufzeichnung benutzt werden (oder mit anderen Worten: die Anzahl Bits, die in der CPU des Computers in einem Clockzyklus benutzt werden), bezeichnen die Detailmenge und die relative Geschwindigkeit der CPU. Kann z. B. ein 8-bit System 256 Farben auf einmal zeigen, so sind es beim 16-bit System 32.768 Farben und beim 32-bit System 16,7 Millionen Farben. Eine 32-bit CPU verarbeitet pro Takt viermal so viel Informationen wie eine 8-bit CPU. Anzahl der Bits, die auf einmal bearbeitet oder übertragen werden könnenBit: Kunstwort aus engl. »Binary digit« (=binäre Stelle)Der >ASCII-Zeichensatz besitzt normalerweise eine Bit-Breite von 7-Bit. Damit lassen sich 27=128 Zeichen darstellen. Zur Darstellung von Sonderzeichen wurde der ASCII-Zeichensatz auf 8-Bit erweitert. Damit lassen sich 28= 256 Zeichen darstellenKleinste elektronische SpeichereinheitKunstwort aus engl. »Binary digit« (=binäre Stelle)Alle in der EDV verwendeten Zeichen werden durch eine Kombination von Einsen und Nullen dargestellt. Ein Bit kann nur den Wert 0 oder 1 aufweisen.Um ein Zeichen (Buchstabe, Sonderzeichen oder Ziffer) darzustellen, wurde im englischsprachigen Raum der >ASCII-Standard-Code entwickelt, der 27=128 Zeichen darstellen kann.Moderne Betriebsysteme können heute 32-bit Zeichen gleichzeitig verarbeiten., gelten die websicheren Farben als bedeutungslos. »Websichere Farben« sind eine rein »technische Angelegenheit«, die jeden Designer, der angehalten wird sie zu verwenden, in den Wahnsinn treiben kann. Ein Webdesigner wird sich aus dem ganzen Farbspektum bedienen, und wie man an diesem Farbspektrum erkennt lässt sich das ganze Farbspektrum problemlos anwenden.
Die websicheren Farben haben keine Namen, und können alle in der abgekürzten Darstellungsform, als Hexadecimal Triple Code (Hex3 definiert werden (aus #FFFFFF wird #FFF, aus #CC0000 wird #C00).
| #FFFFFF R=255 G=255 B=255 |
#FFFFCC R=255 G=255 B=204 |
#FFFF99 R=255 G=255 B=153 |
#FFFF66 R=255 G=255 B=102 |
#FFFF33 R=255 G=255 B=51 |
#FFFF00 R=255 G=255 B=0 |
| #FFCCFF R=255 G=204 B=255 |
#FFCCCC R=255 G=204 B=204 |
#FFCC99 R=255 G=204 B=153 |
#FFCC66 R=255 G=204 B=102 |
#FFCC33 R=255 G=204 B=51 |
#FFCC00 R=255 G=204 B=0 |
| #FF99FF R=255 G=153 B=255 |
#FF99CC R=255 G=153 B=204 |
#FF9999 R=255 G=153 B=153 |
#FF9966 R=255 G=153 B=102 |
#FF9933 R=255 G=153 B=51 |
#FF9900 R=255 G=153 B=0 |
| #FF66FF R=255 G=102 B=255 |
#FF66CC R=255 G=102 B=204 |
#FF6699 R=255 G=102 B=153 |
#FF6666 R=255 G=102 B=102 |
#FF6633 R=255 G=102 B=51 |
#FF6600 R=255 G=102 B=0 |
| #FF33FF R=255 G=51 B=255 |
#FF33CC R=255 G=51 B=204 |
#FF3399 R=255 G=51 B=153 |
#FF3366 R=255 G=51 B=102 |
#FF3333 R=255 G=51 B=51 |
#FF3300 R=255 G=51 B=0 |
| #FF00FF R=255 G=0 B=255 |
#FF00CC R=255 G=0 B=204 |
#FF0099 R=255 G=0 B=153 |
#FF0066 R=255 G=0 B=102 |
#FF0033 R=255 G=0 B=51 |
#FF0000 R=255 G=0 B=0 |
| #CCFFFF R=204 G=255 B=255 |
#CCFFCC R=204 G=255 B=204 |
#CCFF99 R=204 G=255 B=153 |
#CCFF66 R=204 G=255 B=102 |
#CCFF33 R=204 G=255 B=51 |
#CCFF00 R=204 G=255 B=0 |
| #CCCCFF R=204 G=204 B=255 |
#CCCCCC R=204 G=204 B=204 |
#CCCC99 R=204 G=204 B=153 |
#CCCC66 R=204 G=204 B=102 |
#CCCC33 R=204 G=204 B=51 |
#CCCC00 R=204 G=204 B=0 |
| #CC99FF R=204 G=153 B=255 |
#CC99CC R=204 G=153 B=204 |
#CC9999 R=204 G=153 B=153 |
#CC9966 R=204 G=153 B=102 |
#CC9933 R=204 G=153 B=51 |
#CC9900 R=204 G=153 B=0 |
| #CC66FF R=204 G=102 B=255 |
#CC66CC R=204 G=102 B=204 |
#CC6699 R=204 G=102 B=153 |
#CC6666 R=204 G=102 B=102 |
#CC6633 R=204 G=102 B=51 |
#CC6600 R=204 G=102 B=0 |
| #CC33FF R=204 G=51 B=255 |
#CC33CC R=204 G=51 B=204 |
#CC3399 R=204 G=51 B=153 |
#CC3366 R=204 G=51 B=102 |
#CC3333 R=204 G=51 B=51 |
#CC3300 R=204 G=51 B=0 |
| #CC00FF R=204 G=0 B=255 |
#CC00CC R=204 G=0 B=204 |
#CC0099 R=204 G=0 B=153 |
#CC0066 R=204 G=0 B=102 |
#CC0033 R=204 G=0 B=51 |
#CC0000 R=204 G=0 B=0 |
| #99FFFF R=153 G=255 B=255 |
#99FFCC R=153 G=255 B=204 |
#99FF99 R=153 G=255 B=153 |
#99FF66 R=153 G=255 B=102 |
#99FF33 R=153 G=255 B=51 |
#99FF00 R=153 G=255 B=0 |
| #99CCFF R=153 G=204 B=255 |
#99CCCC R=153 G=204 B=204 |
#99CC99 R=153 G=204 B=153 |
#99CC66 R=153 G=204 B=102 |
#99CC33 R=153 G=204 B=51 |
#99CC00 R=153 G=204 B=0 |
| #9999FF R=153 G=153 B=255 |
#9999CC R=153 G=153 B=204 |
#999999 R=153 G=153 B=153 |
#999966 R=153 G=153 B=102 |
#999933 R=153 G=153 B=51 |
#999900 R=153 G=153 B=0 |
| #9966FF R=153 G=102 B=255 |
#9966CC R=153 G=102 B=204 |
#996699 R=153 G=102 B=153 |
#996666 R=153 G=102 B=102 |
#996633 R=153 G=102 B=51 |
#996600 R=153 G=102 B=0 |
| #9933FF R=153 G=51 B=255 |
#9933CC R=153 G=51 B=204 |
#993399 R=153 G=51 B=153 |
#993366 R=153 G=51 B=102 |
#993333 R=153 G=51 B=51 |
#993300 R=153 G=51 B=0 |
| #9900FF R=153 G=0 B=255 |
#9900CC R=153 G=0 B=204 |
#990099 R=153 G=0 B=153 |
#990066 R=153 G=0 B=102 |
#990033 R=153 G=0 B=51 |
#990000 R=153 G=0 B=0 |
| #66FFFF R=102 G=255 B=255 |
#66FFCC R=102 G=255 B=204 |
#66FF99 R=102 G=255 B=153 |
#66FF66 R=102 G=255 B=102 |
#66FF33 R=102 G=255 B=51 |
#66FF00 R=102 G=255 B=0 |
| #66CCFF R=102 G=204 B=255 |
#66CCCC R=102 G=204 B=204 |
#66CC99 R=102 G=204 B=153 |
#66CC66 R=102 G=204 B=102 |
#66CC33 R=102 G=204 B=51 |
#66CC00 R=102 G=204 B=0 |
| #6699FF R=102 G=153 B=255 |
#6699CC R=102 G=153 B=204 |
#669999 R=102 G=153 B=153 |
#669966 R=102 G=153 B=102 |
#669933 R=102 G=153 B=51 |
#669900 R=102 G=153 B=0 |
| #6666FF R=102 G=102 B=255 |
#6666CC R=102 G=102 B=204 |
#666699 R=102 G=102 B=153 |
#666666 R=102 G=102 B=102 |
#666633 R=102 G=102 B=51 |
#666600 R=102 G=102 B=0 |
| #6633FF R=102 G=51 B=255 |
#6633CC R=102 G=51 B=204 |
#663399 R=102 G=51 B=153 |
#663366 R=102 G=51 B=102 |
#663333 R=102 G=51 B=51 |
#663300 R=102 G=51 B=0 |
| #6600FF R=102 G=0 B=255 |
#6600CC R=102 G=0 B=204 |
#660099 R=102 G=0 B=153 |
#660066 R=102 G=0 B=102 |
#660033 R=102 G=0 B=51 |
#660000 R=102 G=0 B=0 |
| #33FFFF R=51 G=255 B=255 |
#33FFCC R=51 G=255 B=204 |
#33FF99 R=51 G=255 B=153 |
#33FF66 R=51 G=255 B=102 |
#33FF33 R=51 G=255 B=51 |
#33FF00 R=51 G=255 B=0 |
| #33CCFF R=51 G=204 B=255 |
#33CCCC R=51 G=204 B=204 |
#33CC99 R=51 G=204 B=153 |
#33CC66 R=51 G=204 B=102 |
#33CC33 R=51 G=204 B=51 |
#33CC00 R=51 G=204 B=0 |
| #3399FF R=51 G=153 B=255 |
#3399CC R=51 G=153 B=204 |
#339999 R=51 G=153 B=153 |
#339966 R=51 G=153 B=102 |
#339933 R=51 G=153 B=51 |
#339900 R=51 G=153 B=0 |
| #3366FF R=51 G=102 B=255 |
#3366CC R=51 G=102 B=204 |
#336699 R=51 G=102 B=153 |
#336666 R=51 G=102 B=102 |
#336633 R=51 G=102 B=51 |
#336600 R=51 G=102 B=0 |
| #3333FF R=51 G=51 B=255 |
#3333CC R=51 G=51 B=204 |
#333399 R=51 G=51 B=153 |
#333366 R=51 G=51 B=102 |
#333333 R=51 G=51 B=51 |
#333300 R=51 G=51 B=0 |
| #3300FF R=51 G=0 B=255 |
#3300CC R=51 G=0 B=204 |
#330099 R=51 G=0 B=153 |
#330066 R=51 G=0 B=102 |
#330033 R=51 G=0 B=51 |
#330000 R=51 G=0 B=0 |
| #00FFFF R=0 G=255 B=255 |
#00FFCC R=0 G=255 B=204 |
#00FF99 R=0 G=255 B=153 |
#00FF66 R=0 G=255 B=102 |
#00FF33 R=0 G=255 B=51 |
#00FF00 R=0 G=255 B=0 |
| #00CCFF R=0 G=204 B=255 |
#00CCCC R=0 G=204 B=204 |
#00CC99 R=0 G=204 B=153 |
#00CC66 R=0 G=204 B=102 |
#00CC33 R=0 G=204 B=51 |
#00CC00 R=0 G=204 B=0 |
| #0099FF R=0 G=153 B=255 |
#0099CC R=0 G=153 B=204 |
#009999 R=0 G=153 B=153 |
#009966 R=0 G=153 B=102 |
#009933 R=0 G=153 B=51 |
#009900 R=0 G=153 B=0 |
| #0066FF R=0 G=102 B=255 |
#0066CC R=0 G=102 B=204 |
#006699 R=0 G=102 B=153 |
#006666 R=0 G=102 B=102 |
#006633 R=0 G=102 B=51 |
#006600 R=0 G=102 B=0 |
| #0033FF R=0 G=51 B=255 |
#0033CC R=0 G=51 B=204 |
#003399 R=0 G=51 B=153 |
#003366 R=0 G=51 B=102 |
#003333 R=0 G=51 B=51 |
#003300 R=0 G=51 B=0 |
| #0000FF R=0 G=0 B=255 |
#0000CC R=0 G=0 B=204 |
#000099 R=0 G=0 B=153 |
#000066 R=0 G=0 B=102 |
#000033 R=0 G=0 B=51 |
#000000 R=0 G=0 B=0 |
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |