Webfarben

Webfarben sind Farben, die im Entwerfen von Webseiten und den Methoden verwendet sind, um jene Farben zu beschreiben und anzugeben. Farben können als ein RGB Drilling oder im Hexadecimal-Format (ein Hexe-Drilling) angegeben werden. Sie können auch gemäß ihren allgemeinen englischen Namen in einigen Fällen angegeben werden. Häufig werden ein Farbenwerkzeug oder andere Grafiksoftware verwendet, um Farbenwerte zu erzeugen. Farbkennzeichnungen von Hexadecimal beginnen mit einem Kuddelmuddel (#). Eine Farbe wird gemäß der Intensität seiner roten, grünen und blauen Bestandteile, jeder angegeben, der durch acht Bit vertreten ist. So gibt es 24 Bit, die verwendet sind, um eine Webfarbe und 16,777,216 Farben anzugeben, die so angegeben werden können.

Die ersten Versionen des Mosaiks und Netscape Navigators haben die X11-Farbennamen als die Basis für ihre Farbenlisten verwendet, als beide als X Fenstersystemanwendungen angefangen haben.

Webfarben haben eine eindeutige colorimetric Definition, sRGB, der den chromaticities eines besonderen Phosphorsatzes, einer gegebenen Übertragungskurve, anpassungsfähigen whitepoint und Betrachtungsbedingungen verbindet. Diese sind gewählt worden, um vielen wirklichen Monitoren und Betrachtungsbedingungen ähnlich zu sein, so dass sogar ohne Farbenmanagement Übergabe ziemlich den angegebenen Werten nah ist. Jedoch ändern sich Benutzeragenten in der Treue, mit der sie die angegebenen Farben vertreten. Fortgeschrittenere Benutzeragenten verwenden Farbenmanagement, um bessere Farbentreue zur Verfügung zu stellen; das ist für Anwendungen des Webs zum Druck besonders wichtig.

Hexe-Drilling

Ein Hexe-Drilling ist ein sechsstelliger, drei Bytes hexadecimal Zahl, die in HTML, CSS, SVG, und anderen Rechenanwendungen verwendet ist, um Farben zu vertreten. Die Bytes vertreten die roten, grünen und blauen Bestandteile der Farbe. Ein Byte vertritt eine Zahl in der Reihe 00 zu FF (in der hexadecimal Notation), oder 0 bis 255 in der dezimalen Notation. Das vertritt kleinste (0) zu meisten (255) Intensität von jedem der Farbenbestandteile. So geben Webfarben Farben in Truecolor (24-Bit-RGB) Farbenschema an. Der Hexe-Drilling wird gebildet, indem er drei Bytes in der hexadecimal Notation in der folgenden Ordnung verkettet:

:Byte 1: Roter Wert (färben Typ rot)

:Byte 2: Grüner Wert (färben Typ grün)

:Byte 3: Blauer Wert (färben Typ blau)

Denken Sie zum Beispiel die Farbe, wo die roten/grünen/blauen Werte Dezimalzahlen sind: red=36, green=104, blue=160 (eine graulich-blaue Farbe). Die Dezimalzahlen 36, 104 und 160 sind zu den hexadecimal Nummern 24, 68 und A0 beziehungsweise gleichwertig. Der Hexe-Drilling wird erhalten, indem er die 6 hexadecimal Ziffern zusammen, 2468A0 in diesem Beispiel verkettet.

Bemerken Sie, dass, wenn irgendwelche der drei Farbenwerte weniger als 16 (Dezimalzahl) oder 10 (Hexe) sind, sie mit einer Hauptnull vertreten werden muss, so dass der Drilling immer genau sechs Ziffern hat. Zum Beispiel würde der dezimale Drilling 4, 8, 16 durch die Hexe-Ziffern 04, 08, 10 vertreten, den Hexe-Drilling 040810 bildend.

Die Zahl von Farben, die durch dieses System vertreten werden können, ist 256 × 256 × 256 = 16,777,216.

Schnellschrift hexadecimal Form

Ein abgekürzter, drei (hexadecimal) Ziffer-Form wird manchmal verwendet. Die Erweiterung dieser Form zur sechsstelligen Form ist so einfach wie jede Ziffer verdoppelnd: 09C wird 0099CC, wie präsentiert, auf dem folgenden CSS Beispiel:

.threedigit {Farbe: #09C; }\

.sixdigit {Farbe: #0099CC;} färben sich/*same als above* /

</Quelle>

Die dreistellige Form wird in der CSS Spezifizierung beschrieben, nicht im HTML. Infolgedessen wird die dreistellige Form in einem Attribut außer "dem Stil" als eine gültige Farbe in einigen Browsern nicht interpretiert.

Diese Schnellschrift-Form reduziert die Palette auf 4,096 Farben, die der 12-Bit-Farbe im Vergleich mit 24-Bit-Farbe mit der ganzen sechsstelligen Form (16,777,216 Farben) gleichwertig sind. Jedoch ist diese Beschränkung häufig für gestützte Dokumente des Textes genügend.

Das Umwandeln von RGB zu hexadecimal

RGB Werte werden gewöhnlich in der 0-255 Reihe gegeben; wenn sie in der 0-1 Reihe sind, werden die Werte mit 255 vor der Konvertierung multipliziert. Diese Zahl, die durch 16 (Abteilung der ganzen Zahl geteilt ist; das Ignorieren jedes Rests) gibt uns die erste hexadecimal Ziffer (zwischen 0 und F, wo die Briefe A an F die Nummern 10 bis 15 vertreten. Sieh hexadecimal für mehr Details). Der Rest gibt uns die zweite hexadecimal Ziffer. Zum Beispiel schätzen die RGB 201 teilt sich in 12 Gruppen 16, so ist die erste Ziffer C. Ein Rest 9 gibt uns die hexadecimal Nummer C9. Dieser Prozess wird für jeden der drei Farbenwerte wiederholt.

Die Konvertierung zwischen Zahl-Basen ist ein gemeinsames Merkmal von Rechenmaschinen, sowohl einschließlich tragbarer Modelle als auch einschließlich der mit den meisten modernen Betriebssystemen gestopften Softwarerechenmaschinen. Webbasierte Werkzeuge spezifisch, um Farbenwerte umzuwandeln, sind auch verfügbar.

HTML-Farbennamen

Das HTML 4.01 Spezifizierung definiert sechzehn genannte Farben wie folgt (werden Namen in diesem Zusammenhang definiert, um gegen den Fall unempfindlich zu sein):

Diese 16 wurden als sRGB etikettiert und ins HTML 3.0 Spezifizierung eingeschlossen, die bemerkt hat, dass sie "die 16 Standardfarben waren, die mit Windows VGA Palette unterstützt sind."

X11 färben Namen

Außerdem werden mehrere Farben durch WWW-Browser definiert. Ein besonderer Browser kann nicht anerkennen, dass alle diese Farben, aber bezüglich 2005 aller modernen Browser des allgemeinen Gebrauches die volle Liste von Farben unterstützen. Viele dieser Farben sind von der Liste von mit dem X Fenstersystem verteilten X11-Farbennamen. Diese Farben wurden durch SVG 1.0 standardisiert, und werden von SVG Vollen Benutzeragenten akzeptiert. Sie sind nicht ein Teil von Winzigem SVG.

Die Liste von mit dem X11 Produkt wirklich verladenen Farben ändert sich zwischen Durchführungen, und streitet sich mit bestimmten von den HTML-Namen solcher als grün. Außerdem werden X11 Farben als einfacher RGB (folglich, kein besonderer Farbenraum), aber nicht sRGB definiert. Das bedeutet, dass die Liste von Farben, die in X11 (z.B in /usr/lib/X11/rgb.txt) gefunden sind, nicht direkt verwendet werden sollte, um Farben für das Web zu wählen.

Die Liste des Webs "X11 Farben" von der CSS3 Spezifizierung, zusammen mit ihrem hexadecimal und dezimalen Entsprechungen, wird unten gezeigt, vergleichen Sie die alphabetischen Listen in den W3C Standards. Bemerken Sie, dass das die allgemeinen Synonyme einschließt: Wasser (HTML4/CSS 1.0 Standardname) und zyan (allgemeiner SRGB-Name), Purpurrot (allgemeiner SRGB-Name) und Fuchsie (HTML4/CSS 1.0 Standardname), grau (HTML4/CSS 1.0 Standardname) und grau.

||| }\

Websichere Farben

Auf einmal waren viele Computeranzeigen nur dazu fähig, 256 Farben zu zeigen. Diese können durch die Hardware diktiert oder durch einen "Farbentisch" veränderlich werden. Wenn eine Farbe gefunden wird (z.B, in einem Image), der nicht ein verfügbarer ist, muss ein verschiedener verwendet werden. Das kann entweder die nächste Farbe (schnell) verwenden oder (langsam, Blicke besser) bibbern.

Es gab verschiedene Versuche, eine "Standard"-Farbenpalette zu machen. Eine Reihe von Farben war erforderlich, dass ohne das gezeigt werden konnte, auf 256-farbigen Anzeigen zu bibbern; die Nummer 216 wurde teilweise gewählt, weil Computer Betriebssysteme gewöhnlich sechzehn bis zwanzig Farben für ihren eigenen Gebrauch vorbestellt hat; es wurde auch ausgewählt, weil es genau sechs Schatten ebenso unter Drogeneinfluss von rot, Grün, und blau (6 × 6 × 6 = 216), jeder von 00 bis FF (einschließlich beider Grenzen) erlaubt.

Die Liste von Farben wird häufig präsentiert, als ob sie spezielle Eigenschaften hat, die sie geschützt zum Zappeln machen. Tatsächlich, auf 256-farbigen Anzeigeanwendungen kann eine Palette jeder Auswahl an Farben setzen, die sie wählen, der Rest bibbernd. Diese Farben wurden spezifisch gewählt, weil sie die durch die dann führenden Browser-Anwendungen ausgewählten Paletten verglichen haben. Glücklich gab es nicht radikal verschiedene Paletten im Gebrauch in verschiedenen populären Browsern.

"Websichere" Farben hatten einen Fehler darin auf Systemen wie X11, wo die Palette zwischen Anwendungen geteilt wird, wurden kleinere Farbenwürfel (5×5×5 oder 4×4×4) häufig durch Browser — so, das "Web zugeteilt sichere" Farben würden wirklich auf solchen Systemen bibbern. Bessere Ergebnisse wurden erhalten, indem sie ein Image mit einer größeren Reihe von Farben versorgt worden ist und dem Browser erlaubt worden ist, den Farbenraum wenn erforderlich zu quanteln, anstatt den Qualitätsverlust eines doppelten quantization zu ertragen.

, Personalcomputer haben normalerweise 24 Bit (TrueColor), und der Gebrauch von "websicheren" Farben ist in den praktischen Nichtgebrauch gefallen. Sogar bewegliche Geräte haben mindestens 16 Bit Farbe, die durch die Einschließung von Kameras auf Mobiltelefonen gesteuert ist.

Die "websicheren" Farben haben Standardnamen nicht alle, aber jeder kann von einem RGB Drilling angegeben werden: Jeder Bestandteil (rot, grün, und blau) nimmt einen der sechs Werte vom folgenden Tisch (aus den 256 möglichen Werten, die für jeden Bestandteil in der vollen 24-Bit-Farbe verfügbar sind).

Der folgende Tisch zeigt alle "websicheren" Farben, die wirklich sicheren Farben unterstreichend.

(Ein Fehler der websicheren Palette ist seine schlechte Auswahl an leichten Hintergrundfarben.) Die Intensitäten am niedrigen Ende der Reihe, besonders die am dunkelsten zwei, sind häufig hart zu unterscheiden.

Farbentisch

Im Tisch unten ist jede verzeichnete Farbkennzeichnung eine Schnellschrift für den RGB-Wert; zum Beispiel ist Code 609 zum RGB Code 102-0-153 oder HEXE-Code #660099. gleichwertig

Sicherste Webfarben

Entwerfer wurden häufig dazu ermuntert, bei diesen 216 "websicheren" Farben in ihren Websites zu bleiben; jedoch waren 8-Bit-Farbenanzeigen viel üblicher, als die 216-farbige Palette entwickelt wurde, als sie jetzt sind. David Lehn und Hadley Stern haben seitdem entdeckt, dass nur 22 der 216 Farben in der websicheren Palette zuverlässig gezeigt werden ohne, auf 16-Bit-Computeranzeigen inkonsequent kartografisch wiederdarzustellen. Sie haben diese 22 Farben die "wirklich sichere" Palette genannt; es besteht hauptsächlich aus Schatten des Grüns und Gelbs, wie im Tisch oben gesehen werden kann, wo die "wirklich sicheren" Farben unterstrichen werden.

CSS Farben

Die Fallende Formatvorlage-Sprache definiert dieselbe Zahl von genannten Farben wie das HTML 4 Spekulation, nämlich die 16 verzeichnet vorher.

Zusätzlich fügt CSS 2.1 den 'Orangen'-Farbennamen zur Liste hinzu:

| }\

CSS 2, SVG und CSS 2.1 erlauben auch Webautoren, so genannte Systemfarben zu verwenden, die Farbennamen sind, deren Werte vom Betriebssystem genommen werden. Das ermöglicht Webautoren, ihren Inhalt in Übereinstimmung mit dem Betriebssystem des Benutzeragenten zu entwerfen., es scheint, dass das CSS3-Farbenmodul wieder diese Werte fallen lassen wird, sie missbilligt kennzeichnend, aber das kann sich ändern.

Das Entwickeln CSS3 Spezifizierung wird auch HSL einführen, färbt Raumwerte zu Formatvorlagen:

/* RGB Modell * /

p {Farbe: #F00}/* #rgb * /

p {Farbe: #FF0000}/* #rrggbb * /

p {Farbe: rgb (255, 0, 0)}/* Reihe der ganzen Zahl 0 - 255 * /

p {Farbe: Rgb (100 %, 0 %, 0 %)}/* Hin- und Herbewegung ordnen 0.0 % - 100.0 % * / an

/* RGB mit dem Alpha-Kanal, hat zu CSS3 * / beigetragen

p {Farbe: rgba (255, 0, 0, 0.5)}/* 0.5 Undurchsichtigkeit, halbdurchsichtig * /

/* HSL Modell, hat zu CSS3 * / beigetragen

p {Farbe: hsl (0, 100 %, 50 %)}/* rot * /

p {Farbe: hsl (120, 100 %, 50 %)}/* grün * /

p {Farbe: hsl (120, 100 %, 25 %)}/* dunkelgrün * /

p {Farbe: hsl (120, 100 %, 75 %)}/* hellgrün * /

p {Farbe: hsl (120, 50 %, 50 %)}/* Pastellgrün * /

/* HSL Modell mit dem Alpha-Kanal * /

p {Farbe: hsla (120, 100 %, 50 %, 1)}/* grün * /

p {Farbe: hsla (120, 100 %, 50 %, 0.5)}/* halbdurchsichtiges Grün * /

p {Farbe: hsla (120, 100 %, 50 %, 0.1)}/* sehr durchsichtiges Grün * /

Zugänglichkeit

Einige Browser und Geräte unterstützen Farben nicht. Für diese blinden und farbenblinden Benutzer Webinhalt je nachdem können Farben unbrauchbar oder schwierig sein zu verwenden. Sowohl Vordergrund als auch Hintergrundfarbe sollten modifiziert werden, um schwarz auf schwarzen Effekten zu vermeiden. Ähnlich zeigen die meisten Browser Verbindungen als Schatten des Blaus standardmäßig; deshalb zeigen dunkle Hintergrundfarben, solcher als blau oder Marine-, gut für solche Verbindungen nicht.

Siehe auch

  • Farbenwerkzeug
  • Liste von Farben
  • Liste von Farbenpaletten
  • CIE 1931 XYZ färben Raum
  • CIE L*a*b* färben Raum
  • Breite Tonleiter RGB färbt Raum
  • ProPhoto RGB
  • Farbenraum von Adobe RGB
  • scRGB
  • sRGB
  • RGB färben Raum

Links


Brian Hutton, Baron Hutton / Deweyism
Impressum & Datenschutz