Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffffff und Farbwert #008080

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffffff			Schriftfarbwert #008080
Detail	:	Hintergrund #ffffff	Detail	:	Schrift #008080
Farbwert	:	#ffffff	Farbwert	:	#008080
Farbe	:	white	Farbe	:	teal
HTML	:	#ffffff	HTML	:	#008080
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#008080
CSS	:	#ffffff	CSS	:	#008080
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#008080
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbwert #008080
#ffffff	#daecec	#b6dada	#91c8c8	#6db6b6	#48a4a4	#249292	#008080
#ffffff	#daecec	#b6dada	#91c8c8	#6db6b6	#48a4a4	#249292	#008080

Kombination von #ffffff und #008080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #008080 und #ffffff ergibt sich zu 77.27%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 22.73%. #008080 eignet sich als Schriftfarbe auf Hintergrund #ffffff. Der Unterschied in den Helligkeiten ist geeignet, der Unterschied in den Farben auch.

Hintergrundfarbwert #ffffff				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#008080	#008080	#008080	#008080
#ffffff	#ffffff	#dadada	#dadada	#249292	#249292	#006d6d	#006d6d
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#48a4a4	#48a4a4	#005b5b	#005b5b
#ffffff	#ffffff	#919191	#919191	#6db6b6	#6db6b6	#004949	#004949
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#91c8c8	#91c8c8	#003636	#003636
#ffffff	#ffffff	#484848	#484848	#b6dada	#b6dada	#002424	#002424
#ffffff	#ffffff	#242424	#242424	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbwert #008080

Füllen und Umranden mit Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem herausstehenden, 4 Pixel dicken Rahmen in Farbwert #008080 . Den Hintergrund von <hr> färben wir entsprechend mit Farbwert #ffffff. In HTML ist dies kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  hr { border:4px outset #008080; background-color:#ffffff; }
//-->
</style>

Weiteres zum Thema hr finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Befehl <hr>.

Wechsel der Textfarbe bei Hover von HTML-Tag a

Einen Link erzeugen Sie mit HTML-Befehl <a>. Dieser kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #ffffff auf Farbwert #008080 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #ffffff vor.

Als Beispiel legen wir bei <a> die Textfarbe auf Farbwert #ffffff fest.

<style type="text/css"><!--
  a { 
    color:#fff;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #008080 ändert.

<style type="text/css"><!--
  a: hover { 
    color: #008080;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten vom HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.