Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #800000 und Farbwert #6b8e23

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 #800000			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #800000	Detail	:	Schrift #6b8e23
Farbwert	:	#800000	Farbwert	:	#6b8e23
Farbe	:	maroon	Farbe	:	olivedrab
HTML	:	#800000	HTML	:	#6b8e23
HTML (Wert)	:	#800000	HTML (Wert)	:	#6b8e23
CSS	:	#800000	CSS	:	#6b8e23
CSS (Wert)	:	#800000	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#800000	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(128,0,0)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(50%,0%,0%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #800000 nach Schriftfarbwert #6b8e23
#800000	#7d1405	#7a280a	#773c0f	#745114	#716519	#6e791e	#6b8e23
#800000	#7d1405	#7a280a	#773c0f	#745114	#716519	#6e791e	#6b8e23

Kombination von #800000 und #6b8e23
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von #6b8e23 und #800000 ergibt sich zu 86.30%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.70%. Auf Hintergrund #800000 ist #6b8e23 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #800000				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800000	#800000	#800000	#800000	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#922424	#922424	#6d0000	#6d0000	#809e42	#809e42	#5b791e	#5b791e
#a44848	#a44848	#5b0000	#5b0000	#95ae61	#95ae61	#4c6519	#4c6519
#b66d6d	#b66d6d	#490000	#490000	#aabe81	#aabe81	#3d5114	#3d5114
#c89191	#c89191	#360000	#360000	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#dab6b6	#dab6b6	#240000	#240000	#d4dec0	#d4dec0	#1e280a	#1e280a
#ecdada	#ecdada	#120000	#120000	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800000 und Farbwert #6b8e23

Wechsel der Umrandung bei Hover mit Tag a

Einen Verweis setzt man mit HTML-Befehl <a>. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #800000 auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #800000 vor.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #800000.

<style type="text/css"><!--
  a { border:3px ridge #800000; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #6b8e23 gesetzt wird.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten vom hier gezeigten Tag a sind in der HTML Referenz bei <a> ausführlich beschrieben.

Text- und Unterstreichungsfarben mit Tag strike

In diesem Beispiel ändern wir die Textfarbe von <strike> auf Farbwert #6b8e23 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new und verkleinern die Schriftgröße auf 87%. Wir unterstreichen den Inhalt von <strike> mit Hilfe eines doppelten Rahmens mit 4 Punkte Dicke in Farbwert #800000. Das ist in HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  strike { 
    color: #6b8e23; 
    font-family: courier new; 
    font-size: 87%; 
    border-bottom: 4pt double #800000;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu strike lesen Sie in Text in HTML. Der HTML-Befehl strike ist in der HTML Referenz bei <strike> gezeigt.