Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b0000 und Farbwert #ffff00

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 #8b0000			Schriftfarbwert #ffff00
Detail	:	Hintergrund #8b0000	Detail	:	Schrift #ffff00
Farbwert	:	#8b0000	Farbwert	:	#ffff00
Farbe	:	darkred	Farbe	:	yellow
HTML	:	#8b0000	HTML	:	#ffff00
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#ffff00
CSS	:	#8b0000	CSS	:	#ffff00
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#ffff00
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#ff0
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(255,255,0)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(100%,100%,0%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbwert #ffff00
#8b0000	#9b2400	#ac4800	#bc6d00	#cd9100	#ddb600	#eeda00	#ffff00
#8b0000	#9b2400	#ac4800	#bc6d00	#cd9100	#ddb600	#eeda00	#ffff00

Kombination von #8b0000 und #ffff00
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.				Auf Hintergrund #8b0000 ist #ffff00 ungeeignet. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit der Farben #ffff00 und #8b0000 beträgt 55.61%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 44.39%.

Hintergrundfarbwert #8b0000				Schriftfarbwert #ffff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#ffff00	#ffff00	#ffff00	#ffff00
#9b2424	#9b2424	#770000	#770000	#ffff24	#ffff24	#dada00	#dada00
#ac4848	#ac4848	#630000	#630000	#ffff48	#ffff48	#b6b600	#b6b600
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#ffff6d	#ffff6d	#919100	#919100
#cd9191	#cd9191	#3b0000	#3b0000	#ffff91	#ffff91	#6d6d00	#6d6d00
#ddb6b6	#ddb6b6	#270000	#270000	#ffffb6	#ffffb6	#484800	#484800
#eedada	#eedada	#130000	#130000	#ffffda	#ffffda	#242400	#242400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b0000 und Farbwert #ffff00

Wechsel der Hintergrundfarbe bei Hover von Befehl tfoot

Die Hintergrundfarbe soll sich von Farbwert #8b0000 auf Farbwert #ffff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <tfoot> in Farbwert #8b0000 vor.

Wir legen in diesem Beispiel Farbwert #8b0000 als Hintergrundfarbe von <tfoot> fest und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  tfoot { 
    font-size: 13px; 
    background-color: #8b0000;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #ffff00 ändert.

<style type="text/css"><!--
  tfoot: hover { 
    background-color: #ff0;
  }
//-->
</style>

Weiteres zum Thema tfoot können Sie in Tabellen in HTML finden. Möglichkeiten des hier verwendeten Tag tfoot sind in der HTML Referenz unter <tfoot> genau gezeigt.

Hintergrund/Text-Kombination von Befehl a

Ein Hyperlink wird mit Tag <a> gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

Wir ändern hier die Textfarbe von <a> auf Farbwert #ffff00 und die Hintergrundfarbe von <a> auf Farbwert #8b0000. Als Schriftart wählen wir verdana. Als Schriftgröße wählen wir 115%.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    color:#ff0; 
    font-size:115%; 
    background-color:#8b0000;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung des Tag <a>.