Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe black und Farbwert #008080

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbe black			Schriftfarbwert #008080
Detail	:	Hintergrund black	Detail	:	Schrift #008080
Farbe	:	black	Farbwert	:	#008080
Farbwert	:	#000000	Farbe	:	teal
HTML	:	black	HTML	:	#008080
HTML (Wert)	:	#000000	HTML (Wert)	:	#008080
CSS	:	black	CSS	:	#008080
CSS (Wert)	:	#000000	CSS (Wert)	:	#008080
CSS (kürzest)	:	#000	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbe black nach Schriftfarbwert #008080
#000000	#001212	#002424	#003636	#004949	#005b5b	#006d6d	#008080
#000000	#001212	#002424	#003636	#004949	#005b5b	#006d6d	#008080

Kombination von black und #008080
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund black ist #008080 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #008080 und black beträgt 79.05%. Die Lesbarkeit dieser Kombination liegt damit bei 20.95%.

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

Beispiele zur Kombination von Farbe black und Farbwert #008080

Hintergrund/Text-Kombination mit Tag dd

Wir ändern in diesem Beispiel die Textfarbe von <dd> auf Farbwert #008080 und die Hintergrundfarbe von <dd> auf Farbe black. Als Schriftart wählen wir courier new. Als Schriftgröße wählen wir 9px.

<style type="text/css"><!--
  dd { 
    background-color: black; 
    color: #008080; 
    font-family: courier new; 
    font-size: 9px;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachlesen. Die Beschreibung vom hier gezeigten Befehl dd erfahren Sie in der HTML Referenz unter <dd>.

Wechsel der Unterstreichung bei Hover von HTML-Tag caption

Die Farbe der Unterstreichung soll sich von Farbe black auf Farbwert #008080 ändern, wenn man mit der Maus auf <caption> zeigt. Bereiten wir zunächst die Darstellung von <caption> in Farbe black vor.

In diesem Beispiel unterstreichen wir <caption> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbe black.

<style type="text/css"><!--
  caption { border-bottom:1px dashed black; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Unterstreichungsfarbe zu #008080 ändert.

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

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man diesen Effekt bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist aber keine "normale" Unterstreichung, der Text hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema caption können Sie in Tabellen in HTML erfahren. Der hier verwendete HTML-Tag caption ist in der HTML Referenz bei <caption> ausführlich beschrieben.