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

Ein einfaches Beispiel für die Verwendung von Vue3-Routing VueRouter4

Routenplanung vue-router4 behält den Großteil der...

Parsen von Apache Avro-Daten in einem Artikel

Zusammenfassung: Dieser Artikel zeigt, wie Avro-D...

Detaillierte Untersuchung des Problems der Array-Deduplizierung in JavaScript

Inhaltsverzeichnis Vorwort 👀 Beginnen Sie mit der...

Vues Render-Funktion

Inhaltsverzeichnis 1. Knoten, Bäume und virtuelle...

Teilen Sie einen auf Ace basierenden Markdown-Editor

Ich denke, Editoren lassen sich in zwei Kategorie...

Detaillierte Installation und Verwendung von Docker-Compose

Docker Compose ist ein Docker-Tool zum Definieren...

Implementierungscode zur Verwendung der MongoDB-Datenbank in Docker

Holen Sie sich das Mongo-Image sudo docker pull m...

So verwenden Sie Docker-Compose zum Erstellen eines ELK-Clusters

Auf alle Orchestrierungsdateien und Konfiguration...

VMWare Linux MySQL 5.7.13 Installations- und Konfigurationstutorial

In diesem Artikel finden Sie das Tutorial zur Ins...

jQuery Canvas zeichnet Bildüberprüfungscodebeispiel

In diesem Artikelbeispiel wird der spezifische Co...