Ressourcen: 137 HTML Farbnamen - Kombination von Farbe saddlebrown und Farbwert #1e90ff

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.

Hintergrundfarbe saddlebrown			Schriftfarbwert #1e90ff
Detail	:	Hintergrund saddlebrown	Detail	:	Schrift #1e90ff
Farbe	:	saddlebrown	Farbwert	:	#1e90ff
Farbwert	:	#8b4513	Farbe	:	dodgerblue
HTML	:	saddlebrown	HTML	:	#1e90ff
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#1e90ff
CSS	:	saddlebrown	CSS	:	#1e90ff
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe saddlebrown nach Schriftfarbwert #1e90ff
#8b4513	#7b4f34	#6b5a56	#5c6578	#4c6f99	#3d7abb	#2d85dd	#1e90ff
#8b4513	#7b4f34	#6b5a56	#5c6578	#4c6f99	#3d7abb	#2d85dd	#1e90ff

Kombination von saddlebrown und #1e90ff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #1e90ff und saddlebrown ergibt sich zu 89.56%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.44%. #1e90ff eignet sich nicht als Schriftfarbe auf Hintergrund saddlebrown, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe saddlebrown				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#9b5f34	#9b5f34	#773b10	#773b10	#3e9fff	#3e9fff	#197bda	#197bda
#ac7a56	#ac7a56	#63310d	#63310d	#5eafff	#5eafff	#1566b6	#1566b6
#bc9478	#bc9478	#4f270a	#4f270a	#7ebfff	#7ebfff	#115291	#115291
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#ddc9bb	#ddc9bb	#271305	#271305	#bedfff	#bedfff	#082948	#082948
#eee4dd	#eee4dd	#130902	#130902	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe saddlebrown und Farbwert #1e90ff

Text- und Unterstreichungsfarben bei HTML-Tag h5

Eine Überschrift setzen Sie mit HTML-Tag <h5>. Diese können Sie hervorheben und farblich gestalten.

Bei diesem Beispiel ändern wir die Textfarbe von <h5> auf Farbwert #1e90ff und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines doppelten Rahmens mit 3 Punkte Dicke in Farbe saddlebrown. Dies geht mit HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  h5 { 
    color: #1e90ff; 
    border-bottom-width: 3pt; 
    font-family: monospace; 
    font-size: 13px; 
    border-bottom-style: double; 
    border-bottom-color: saddlebrown;
  }
//-->
</style>

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

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten HTML-Befehl <h5>.

Wechsel der Textfarbe bei Hover von Tag h4

Eine Überschrift setzt man mit Befehl <h4>. Diese kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe saddlebrown auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h4> in Farbe saddlebrown vor.

Wir legen zum Beispiel die Textfarbe von <h4> auf Farbe saddlebrown fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  h4 { 
    color: saddlebrown; 
    font-family: sans-serif;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #1e90ff ändert.

<style type="text/css"><!--
  h4: hover { 
    color: #1e90ff;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier gezeigten HTML-Befehl h4 erfahren Sie in der HTML Referenz unter <h4>.