HTML Farben
HTML-Farben werden mit vordefinierten Farbnamen oder mit RGB-, HEX-, HSL-, RGBA- oder HSLA-Werten angegeben.
Farbnamen
In HTML kann eine Farbe mithilfe eines Farbnamens angegeben werden:
HTML unterstützt 140 Standardfarbnamen.
Hintergrundfarbe
Sie können die Hintergrundfarbe für HTML-Elemente festlegen:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Beispiel
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>
Try it Yourself »
Textfarbe
Sie können die Textfarbe festlegen:
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Beispiel
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
Try it Yourself »
Rahmenfarbe
Sie können die Farbe der Ränder festlegen:
Hello World
Hello World
Hello World
Beispiel
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>
Try it Yourself »
Farbwerte
In HTML können Farben auch mithilfe von RGB-Werten, HEX-Werten, HSL-Werten, RGBA-Werten und HSLA-Werten angegeben werden.
Die Hintergrundfarbe der folgenden drei <div>-Elemente ist mit RGB-, HEX- und HSL-Werten festgelegt:
Die Hintergrundfarbe der folgenden zwei <div>-Elemente ist mit RGBA- und HSLA-Werten festgelegt, wodurch der Farbe ein Alpha-Kanal hinzugefügt wird (hier haben wir 50 % Transparenz):
Beispiel
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
Try it Yourself »
