Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred und Farbe lightsteelblue

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.

Hintergrundfarbe darkred			Schriftfarbe lightsteelblue
Detail	:	Hintergrund darkred	Detail	:	Schrift lightsteelblue
Farbe	:	darkred	Farbe	:	lightsteelblue
Farbwert	:	#8b0000	Farbwert	:	#b0c4de
HTML	:	darkred	HTML	:	lightsteelblue
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#b0c4de
CSS	:	darkred	CSS	:	lightsteelblue
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbe darkred nach Schriftfarbe lightsteelblue
#8b0000	#901c1f	#95383f	#9a545f	#a0707e	#a58c9e	#aaa8be	#b0c4de
#8b0000	#901c1f	#95383f	#9a545f	#a0707e	#a58c9e	#aaa8be	#b0c4de

Kombination von darkred und lightsteelblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben lightsteelblue und darkred beträgt 73.22%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 26.78%. Auf Hintergrund darkred ist lightsteelblue ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind zu ähnlich.

Hintergrundfarbe darkred				Schriftfarbe lightsteelblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#9b2424	#9b2424	#770000	#770000	#bbcce2	#bbcce2	#96a8be	#96a8be
#ac4848	#ac4848	#630000	#630000	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#d1ddec	#d1ddec	#64707e	#64707e
#cd9191	#cd9191	#3b0000	#3b0000	#dde5f0	#dde5f0	#4b545f	#4b545f
#ddb6b6	#ddb6b6	#270000	#270000	#e8eef5	#e8eef5	#32383f	#32383f
#eedada	#eedada	#130000	#130000	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkred und Farbe lightsteelblue

Wechsel der Umrandung bei Hover mit Tag var

Die Rahmenfarbe soll sich von Farbe darkred auf Farbe lightsteelblue ändern, wenn man mit der Maus auf <var> zeigt. Wir bereiten zunächst die Darstellung von <var> in Farbe darkred vor.

In diesem Beispiel umranden wir <var> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe darkred.

<style type="text/css"><!--
  var { 
    border-color:darkred; 
    border-width:5px; 
    border-style:double;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf lightsteelblue geändert wird.

<style type="text/css"><!--
  var:hover { 
    border-color:lightsteelblue;
  }
//-->
</style>

Mehr zu var finden Sie in Text in HTML. Die Beschreibung vom Befehl var erfahren Sie in der HTML Referenz unter <var>.

Hintergrund/Text-Kombination von HTML-Befehl div

Mit Tag <div> wird ein Kontainer erzeugt. Diesen kann man hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <div> auf Farbe lightsteelblue und die Hintergrundfarbe von <div> auf Farbe darkred. Als Schriftart wählen wir arial. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  div { 
    color:lightsteelblue; 
    font-family:arial; 
    background-color:darkred; 
    font-size:96%;
  }
//-->
</style>

Mehr zum hier genutzten HTML-Tag <div>.