Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b0000 und Farbe goldenrod

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #8b0000			Schriftfarbe goldenrod
Detail	:	Hintergrund #8b0000	Detail	:	Schrift goldenrod
Farbwert	:	#8b0000	Farbe	:	goldenrod
Farbe	:	darkred	Farbwert	:	#daa520
HTML	:	#8b0000	HTML	:	goldenrod
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#daa520
CSS	:	#8b0000	CSS	:	goldenrod
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbe goldenrod
#8b0000	#961704	#a12f09	#ac460d	#b85e12	#c37516	#ce8d1b	#daa520
#8b0000	#961704	#a12f09	#ac460d	#b85e12	#c37516	#ce8d1b	#daa520

Kombination von #8b0000 und goldenrod
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von goldenrod und #8b0000 ergibt sich zu 78.70%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 21.30%. goldenrod eignet sich nicht als Schriftfarbe auf Hintergrund #8b0000, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #8b0000				Schriftfarbe goldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#daa520	#daa520	#daa520	#daa520
#9b2424	#9b2424	#770000	#770000	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#ac4848	#ac4848	#630000	#630000	#e4be5f	#e4be5f	#9b7516	#9b7516
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#cd9191	#cd9191	#3b0000	#3b0000	#efd89f	#efd89f	#5d460d	#5d460d
#ddb6b6	#ddb6b6	#270000	#270000	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#eedada	#eedada	#130000	#130000	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b0000 und Farbe goldenrod

Füllen und Umranden von HTML-Tag h1

Eine Überschrift der 1. Stufe setzen Sie mit HTML-Befehl <h1>. Diese können Sie farblich gestalten.

Hier umranden wir <h1> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe goldenrod . Den Hintergrund von <h1> setzen wir auf Farbwert #8b0000. Mit HTML ist dies nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  h1 { 
    border-style:groove; 
    border-width:2px; 
    background-color:#8b0000; 
    border-color:goldenrod;
  }
//-->
</style>

Weiteres zu h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier verwendeten Befehl h1 sind in der HTML Referenz unter <h1> genau beschrieben.

Wechsel der Textfarbe bei Hover bei HTML-Tag code

Die Textfarbe soll sich von Farbwert #8b0000 auf Farbe goldenrod ändern, wenn man mit der Maus auf <code> zeigt. Bereiten wir zunächst eine Formatierung von <code> in Farbwert #8b0000 vor.

Für dieses Beispiel legen wir Farbwert #8b0000 als Textfarbe von <code> fest:

<style type="text/css"><!--
  code { 
    color:#8b0000;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf goldenrod gesetzt wird.

<style type="text/css"><!--
  code:hover { 
    color:goldenrod;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Einzelheiten vom hier genutzten Tag <code>.