Einführung in Color Name in HTML

Der Farbname in HTML spielt eine sehr wichtige Rolle im Designprozess von Web und Anwendungen. Es hilft, das Erscheinungsbild unserer Website oder Anwendung zu ändern. Darüber hinaus wird unsere Anwendung attraktiver und interaktiver. Es gibt verschiedene Möglichkeiten, den Farbnamen in HTML im HTML-Codierungsformat zu definieren. Man kann zusätzliche CSS-Eigenschaften verwenden, um es effektiver zu nutzen. Wir können den HTML-Farbnamen auf Seitenebene verwenden, indem wir ihn in den Körperteil einfügen. Außerdem können wir die individuelle Farbe für das jeweilige Element festlegen. Der Farbname in HTML wird absichtlich für Textfarbe, Hintergrundfarbe, Rahmenfarbe, Schatten, Verläufe und vieles mehr verwendet.

Syntax

  • Es gibt verschiedene Möglichkeiten, wie wir HTML-Farben verwenden können. Mal sehen, eins nach dem anderen.
  • Die grundlegende Verwendung von HTML-Farben besteht darin, sie auf den Text anzuwenden. Verwenden Sie diese Option einfach als Textfarbe, um Text in verschiedenen HTML-Farben anzuzeigen.

1. Syntax der Textfarbe

color : color_name;

Mal sehen, wie diese Syntax funktioniert,

Welcome to EDUBCA

Im obigen Beispiel wird der Text Welcome to EDUBCA in einer blauen Farbe wie folgt angezeigt:

  • Mit Hilfe von HTML-Farben ist es auch möglich, diese als Hintergrundfarbe hinzuzufügen.

2. Syntax der Hintergrundfarbe

background-color:color_name;

Mal sehen, wie diese Syntax funktioniert,

Die Kategorie enthält alle Designinformationen, die sich auf zahlreiche Unterkategorien im Designkurs verteilen.

  • Es ist auch möglich, einen farbigen Rahmen um einen beliebigen Text oder ein beliebiges Element mithilfe von HTML-Farben hinzuzufügen, indem Sie die folgende Syntax verwenden:

3. Rahmenfarbe Syntax: Rahmen

value color_name;

Mal sehen, wie diese Syntax funktioniert,

EDUCBA free certification course

Arten des Farbnamens in HTML

Es gibt verschiedene Möglichkeiten, die Farbnamen in HTML zu definieren. Es ist schwierig, sich einen anderen Namen in verschiedenen Farben zu merken. Es muss also entschieden werden, verschiedenen Farben Werte zu geben. Mal sehen, eins nach dem anderen

1. RGB-Wert

  • Dies ist eine der Möglichkeiten, um HTML-Farbnamen in der Kombination von roten, grünen und blauen Farbformatwerten zu definieren. Womit wird die Farbintensität zwischen 0 und 255 definiert?
  • Angenommen, wir möchten eine schwarze Farbe mit einer RGB-Kombination definieren, dann wird RGB (0, 0, 0) verwendet. Hier werden alle Farbparameter auf 0 gesetzt. Dadurch wird eine schwarze Farbe angezeigt.
  • Wie bei einem anderen RGB (0, 0, 255) wird die Farbe Blau angezeigt, da 255 als höchster Wert auf Blau gesetzt ist und der andere Wert 0 ist.
  • Wenn wir 3 gleiche RGB-Werte verwenden, werden Graustufen erzeugt.

Beispiel: RGB (0, 0, 0) für die dunkelste Farbe, RGB (255, 255, 255) für die hellste Farbe.

2. HEX-Wert

  • Es ist eines der am häufigsten verwendeten Formate eines Farbnamens in HTML, in dem der Farbname im Format eines Hexadezimalwerts definiert wird.
  • Das Format #rrggbb enthält Werte von RR für Rot, gg für Grün und bb für Blau, die zwischen 00 und einem hexadezimalen Wert liegen.
  • Betrachten wir ein Beispiel für die Definition der Farbe # 00ff00. Daher werden diese Werte in der Farbe Grün generiert, da Grün den höchsten Wert (ff) enthält, bei dem der andere Wert auf 00 gesetzt werden soll.

3. HSL-Wert

  • Ein weiteres Format zum Definieren der HTML-Farbe in Form von Farbton, Sättigung und Helligkeit.
  • Jetzt werden alle Begriffe einzeln angezeigt. Der Farbton ist definiert als der Farbgrad, der zwischen 0 und 360 liegt. in denen 0 für rot, 120 für grün und 240 für blau.
  • Die Sättigung definiert den Wert der Farbe in Prozent, wobei 0% den Grauton angibt, während 100% für die Vollfarbe stehen.
  • Helligkeit ist auch der Prozentsatz, der 0% für Schwarz definiert, 50% weder für Hell noch für Dunkel, 100% für Weiß.

4. RGBA-Wert

  • Diese Art von HTML-Farbe definiert die Erweiterung für RGB-Farben einschließlich des Alpha-Werts. Wobei Alpha verwendet wird, um die Deckkraft der Farbe zu definieren.
  • Der Alpha-Wert liegt zwischen 0, 0 (vollständig transparent) und 1, 0 (überhaupt nicht transparent).
  • Beispiel ist rgba (255, 99, 71, 0)

5. HSLA-Wert

  • Es funktioniert genauso wie der HSL-Farbwert und zusätzlich der Alpha-Wert, mit dem die Deckkraft der Farbe definiert wird.
  • hsla (8.100%, 80%, 0) für vollständig transparente Farbe.
  • hsla (8.100%, 80%, 0, 9) für nicht so viel transparente Farbe.

Beispiele für Farbnamen in HTML

Lassen Sie uns anhand der folgenden Beispiele sehen, wie der Farbname in HTML verwendet wird:

Beispiel 1

Betrachten wir ein allgemeines Beispiel, das zeigt, wie der Beispielfarbname in HTML verwendet wird:

HTML Quelltext:



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun

Sie lernen mehr aus Fehlern als aus Erfolgen. Lass dich nicht davon aufhalten. Fehler erzeugt Charakter. Wenn Sie an etwas arbeiten, das Ihnen wirklich am Herzen liegt, müssen Sie nicht gedrängt werden. Die Vision zieht dich an

Ausgabe:

Beispiel # 2

Nun nehmen wir ein weiteres Beispiel, das alle Arten von HTML-Farben wie folgt definiert:

HTML Quelltext:



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade

Ausgabe:

Im obigen Beispiel sehen wir die Verwendung verschiedener HTML-Farbtypen und wie sie in HTML benannt sind.

Beispiel # 3

Eine weitere Verwendung von HTML-Farbe besteht darin, einen Rahmen für das Element zu definieren, der wie folgt lautet:

In Beispiel, hier können wir Ihrem Code einen Rahmen hinzufügen und den Hintergrund sowie die Textfarbe ändern.

HTML Quelltext:

In der selbstaktualisierenden Theorie geht es um inhärente Belohnungen der Aufgabenerfüllung wie Arbeitszufriedenheit, Erfolgsgefühl usw.

Ausgabe:

Fazit

Wir haben festgestellt, dass HTML-Farben mit unterschiedlichen Namen, Prozentwerten, Hex-Werten, Alpha-Werten und vielem mehr definiert sind. Der Farbname in HTML wird verwendet, um Farbe für Text, Hintergrund, Rahmen und Abstufungen zu erstellen. Es gibt verschiedene Typen, um HTML-Farbnamen wie RGB, Hex, Hsl, Rgba, Hsla zu definieren.

Empfohlene Artikel

Dies ist eine Anleitung zum Farbnamen in HTML. Hier diskutieren wir die Einführung, Typen des Farbnamens in HTML zusammen mit Beispielen, Syntax und HTML-Codes. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren -

  1. HTML-Stilattribut
  2. HTML-Tabellen-Tags
  3. Bildlink in HTML
  4. Erstellen Sie Tabellen in HTML
  5. HTML-Ereignisse

Kategorie:

Web-Entwicklungstools