Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightsteelblue und Farbwert #006400

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 lightsteelblue			Schriftfarbwert #006400
Detail	:	Hintergrund lightsteelblue	Detail	:	Schrift #006400
Farbe	:	lightsteelblue	Farbwert	:	#006400
Farbwert	:	#b0c4de	Farbe	:	darkgreen
HTML	:	lightsteelblue	HTML	:	#006400
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#006400
CSS	:	lightsteelblue	CSS	:	#006400
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#006400
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe lightsteelblue nach Schriftfarbwert #006400
#b0c4de	#96b6be	#7da89e	#649a7e	#4b8d5f	#327f3f	#19711f	#006400
#b0c4de	#96b6be	#7da89e	#649a7e	#4b8d5f	#327f3f	#19711f	#006400

Kombination von lightsteelblue und #006400
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#006400 eignet sich nicht als Schriftfarbe auf Hintergrund lightsteelblue. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #006400 und lightsteelblue ergibt sich zu 80.10%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 19.90%.

Hintergrundfarbe lightsteelblue				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#006400	#006400	#006400	#006400
#bbcce2	#bbcce2	#96a8be	#96a8be	#247a24	#247a24	#005500	#005500
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#489048	#489048	#004700	#004700
#d1ddec	#d1ddec	#64707e	#64707e	#6da66d	#6da66d	#003900	#003900
#dde5f0	#dde5f0	#4b545f	#4b545f	#91bc91	#91bc91	#002a00	#002a00
#e8eef5	#e8eef5	#32383f	#32383f	#b6d2b6	#b6d2b6	#001c00	#001c00
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightsteelblue und Farbwert #006400

Wechsel der Umrandung bei Hover mit HTML-Befehl cite

Die Rahmenfarbe soll sich von Farbe lightsteelblue auf Farbwert #006400 ändern, wenn man mit der Maus auf <cite> zeigt. Bereiten wir zunächst eine Formatierung von <cite> in Farbe lightsteelblue vor.

In diesem Beispiel umranden wir <cite> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe lightsteelblue.

<style type="text/css"><!--
  cite { border:3px groove lightsteelblue; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #006400 gesetzt wird.

<style type="text/css"><!--
  cite:hover { 
    border-color:#006400;
  }
//-->
</style>

Die Beschreibung vom hier gezeigten Befehl cite erfahren Sie in der HTML Referenz unter <cite>.

Hintergrund/Text-Kombination bei HTML-Befehl a

Mit HTML-Befehl <a> wird ein Hyperlink gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #006400 und die Hintergrundfarbe von <a> auf Farbe lightsteelblue. Als Schriftart setzen wir arial und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  a { 
    color: #006400; 
    background-color: lightsteelblue; 
    font-size: 13px; 
    font-family: arial;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Die Beschreibung vom Befehl a lesen Sie in der HTML Referenz unter <a>.