Farben werden in HTML durch 6-stellige Hexadezimalcodes, RGB oder Schlüsselwörter dargestellt.

Farben werden in HTML durch 6-stellige Hexadezimalcodes, RGB oder Schlüsselwörter dargestellt.
Es gibt drei Möglichkeiten, Farben in HTML darzustellen. Die am häufigsten verwendete ist die Darstellung als 6-stelliger Hexadezimalcode. Beispiel: bgcolor=#ff0000; wobei # einfach bedeutet, dass die Farbe mit einem 6-stelligen hexadezimalen Farbcode deklariert wird. Die ersten beiden Ziffern des Codes, ff, repräsentieren Rot unter den drei Grundfarben. Der Bereich ist natürlich hexadezimal 00-ff. Die mittleren beiden Ziffern, 00, stehen für Grün und die letzten beiden Ziffern, 00, für Blau. 00 steht für keine Farbe und ff für die stärkste Farbe. Somit steht 000000 für Schwarz, ffffff für Weiß, ff0000 für reines Rot, 00ff00 für reines Grün und 0000ff für reines Blau.

Darüber hinaus können Farben auch durch RGB (r, g, b) ausgedrückt werden. Die Buchstaben r, g und b in den Klammern stehen jeweils für Rot, Grün und Blau und werden als Dezimalzahlen oder Prozentwerte von 0 bis 255 angegeben. Beispielsweise stehen rgb (255, 0, 0) und rgb (100 %, 0 %, 0 %) beide für Rot.

Farben können auch durch Farbschlüsselwörter dargestellt werden, insgesamt 16, nämlich:

Schwarz#000000
Kastanienbraun Dunkelbraun#800000
Grün Grün#008000
Olivgrün #808000
Marineblau #000080
Lila Lila#800080
Blaugrün #008080
Grau Grau#808080
Silber#C0C0C0
Rot Rot#FF0000
Limette #00FF00
Gelb Gelb#FFFF00
Blau #0000FF
Fuchsia Magenta #FF00FF
Aquablau #00FFFF
Weiß#FFFFFF

Sie können beispielsweise schreiben: bgcolor=red, was dem Folgenden entspricht:

Code kopieren
Der Code lautet wie folgt:

Hintergrundfarbe=rgb(255,0,0), Hintergrundfarbe=rgb(100%,0%,0%), Hintergrundfarbe=#ff0000;

<<:  Linux entfernt node.js vollständig und installiert es über den Befehl yum neu

>>:  Gedanken- und Erfahrungsaustausch zum interaktiven Design von Leselisten für Informationsprodukte

Artikel empfehlen

JavaScript-Komposition und Vererbung erklärt

Inhaltsverzeichnis 1. Einleitung 2. Vererbung der...

Docker-Installations- und Konfigurationsschritte für das Redis-Image

Inhaltsverzeichnis Vorwort Umfeld Installieren Er...

So implementieren Sie Property Hijacking mit JavaScript defineProperty

Inhaltsverzeichnis Vorwort Deskriptoren Detaillie...

Detaillierte Erläuterung der Nginx-Timeout-Konfiguration

Ich habe kürzlich in einem Projekt nginx und im B...

Der Unterschied zwischen redundanten und doppelten Indizes in MySQL

MySQL ermöglicht das Erstellen mehrerer Indizes f...

React-Internationalisierung react-i18next ausführliche Erklärung

Einführung react-i18next ist ein leistungsstarkes...

So ermitteln Sie die Höhe des MySQL InnoDB B+-Baums

Vorwort Der Grund, warum die InnoDB-Engine von My...

Multiservice-Image-Packaging-Vorgang von Dockerfile unter Aufsicht

Schreiben einer Docker-Datei Konfigurieren Sie di...

Verwenden Sie JS, um Dateien zu bearbeiten (FileReader liest --node's fs)

Inhaltsverzeichnis JS liest Datei FileReader doku...

Zusammenfassung der Browserkompatibilität gängiger CSS-Eigenschaften (empfohlen)

Warum müssen wir die Browserkompatibilität von CS...