Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b4513 und Farbwert #00008b

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 #8b4513			Schriftfarbwert #00008b
Detail	:	Hintergrund #8b4513	Detail	:	Schrift #00008b
Farbwert	:	#8b4513	Farbwert	:	#00008b
Farbe	:	saddlebrown	Farbe	:	darkblue
HTML	:	#8b4513	HTML	:	#00008b
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#00008b
CSS	:	#8b4513	CSS	:	#00008b
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #8b4513 nach Schriftfarbwert #00008b
#8b4513	#773b24	#633135	#4f2746	#3b1d57	#271368	#130979	#00008b
#8b4513	#773b24	#633135	#4f2746	#3b1d57	#271368	#130979	#00008b

Kombination von #8b4513 und #00008b
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.				#00008b ist nicht als Schriftfarbe auf Hintergrund #8b4513 geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #00008b und #8b4513 ergibt sich zu 89.74%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.26%.

Hintergrundfarbwert #8b4513				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#00008b	#00008b	#00008b	#00008b
#9b5f34	#9b5f34	#773b10	#773b10	#24249b	#24249b	#000077	#000077
#ac7a56	#ac7a56	#63310d	#63310d	#4848ac	#4848ac	#000063	#000063
#bc9478	#bc9478	#4f270a	#4f270a	#6d6dbc	#6d6dbc	#00004f	#00004f
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#9191cd	#9191cd	#00003b	#00003b
#ddc9bb	#ddc9bb	#271305	#271305	#b6b6dd	#b6b6dd	#000027	#000027
#eee4dd	#eee4dd	#130902	#130902	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b4513 und Farbwert #00008b

Wechsel der Umrandung bei Hover bei Befehl input

Die Rahmenfarbe soll sich von Farbwert #8b4513 auf Farbwert #00008b ändern, wenn man mit der Maus auf <input> zeigt. Wir bereiten zunächst eine Darstellung von <input> in Farbwert #8b4513 vor.

In diesem Beispiel umranden wir <input> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #8b4513.

<style type="text/css"><!--
  input { border:4px dotted #8b4513; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #00008b ändert.

<style type="text/css"><!--
  input:hover { 
    border-color:#00008b;
  }
//-->
</style>

Mehr zum Thema input finden Sie in Formulare in HTML. Möglichkeiten vom Tag <input>.

Wechsel der Textfarbe bei Hover bei Befehl dt

Die Textfarbe soll sich von Farbwert #8b4513 auf Farbwert #00008b ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbwert #8b4513 vor.

Wir legen z.B. bei <dt> die Textfarbe auf Farbwert #8b4513 fest und setzen die Schriftgröße auf 13px:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #00008b ändert.

<style type="text/css"><!--
  dt: hover { 
    color: #00008b;
  }
//-->
</style>

Weiteres zu dt erfahren Sie in Listen und Glossare in HTML. Zur Beschreibung vom Tag <dt>.