Tutorial HTML-Farbcodes

April 24

Es gibt zwei Arten von Farbcodes für den Einsatz in Web-Seite zu codieren. Der erste Typ verwendet eine Reihe von vordefinierten Farbnamen, die von den meisten Browsern erkannt. Alle Farbnamen auf Websichere Farben verweisen, obwohl moderne Webdesigner berücksichtigen alle Farben websichere seit überwachen und Qualität der Grafikkarte hat sich deutlich verbessert, seit Mitte der 1990er-Jahre. Der Color Code-Typ ist abstrakter und verwendet Hexadezimalcodes vorangestellt eine Hashmarkierung genaue Farben verweisen. Moderne Web-Designer verwenden Cascading Style Sheets (CSS) zum Definieren von Farben für HTML-Seiten.

Benannte Farben

Benannte Farben sind die traditionellen 256 Websichere Farben, einst als "sicher", weil sie das gleiche in allen Browsern erschienen. Obwohl Designer Hexadezimalcodes bevorzugen, ist es einfacher für die meisten Menschen "rot" oder "blau" statt Gegenstücke sechsstellige merken. Geben Sie in HTML und CSS Farbnamen, als ein Wort, wie "royalblau" für königsblau. Ein Diagramm zu verweisen, wenn Sie dunkle Farbnamen verwenden. Browser ignorieren falsch geschriebene Farbbezeichnungen.

Hexadezimale Farbcodes

Web-Designer bevorzugen hexadezimale Farbcodes. Hexadezimale Codes sind sehr genau, und wenn Sie einen Farbwähler verwenden, können Designer eine bis zu 16,7 Millionen Farben angeben. Das Format einer hexadezimalen Farbcode ist eine Raute, gefolgt von sechs Ziffern. Jede Ziffer reicht von "0" bis "f", wo "0" steht für einen Wert von eins und "f" steht für einen Wert von 16. Die drei Paare von Ziffern entsprechen rot, grün und blau (RGB) Werte Computern Verwendung Farben darstellen. Um den Rot-Wert aus einer hexadezimal-Code zu erhalten, Multiplizieren Sie beispielsweise die ersten beiden Ziffern. Konvertieren Sie im Code für eine reine, Hellrot, welches "#ff0000" gleicht jedes "f" in sechzehn. Sechzehn Mal ist selbst 256, der maximale Wert für Rot, grün oder blau.

Verwendung von Farbcodes in Webseiten

Vor der Veröffentlichung von HTML 4.01 und den weit verbreiteten Einsatz von CSS verwendet Web-Programmierer HTML-Tag-Attribute definieren von Farben in Web-Seiten. Der Kode zur Spezifizierung der Schriftfarbe, mit der alten Methode sieht wie < Schriftfarbe = "#00ff00" >. Dieses Stück Code macht blauen Text, und es funktioniert immer noch für einige Browser. Der neuere und bessere Weg ist CSS verwenden, um Farben zu definieren. Code, um Text in CSS blau aussehen könnte "p {Color: #00ff00;}". In diesem Beispiel werden die Absatztags in die HTML-Datei blau. Web-Designer verwenden auch kurzer Hand hexadezimale Codes wie "#000" für schwarz oder "#fff" für weiß.

Kommissionierung-Farbcodes

Designer verwenden Farbauswahl um den hexadezimalen Wert einer bestimmten Farbe zu erhalten. In Photoshop Designer wählt das Tool "Pipette" und dann klicken Sie auf eine Farbe in die Web-Design verwendet. Doppelklick auf das Symbol "Vordergrund-Farbe" öffnet sich ein Fenster, das der Designer mit einer genauen hexadezimal-Code für diese Farbe bietet. Einige Code-Editoren auch eine Farbe-Kommissionierung-Tool, wie Dreamweaver. ColourLovers.com, in die Website einer Gemeinschaft der Web-Designer, ist eine umfassende Ressource für Farben und ihre Codes zu finden.