Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #f8f8ff

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 lightslategray			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund lightslategray	Detail	:	Schrift #f8f8ff
Farbe	:	lightslategray	Farbwert	:	#f8f8ff
Farbwert	:	#778899	Farbe	:	ghostwhite
HTML	:	lightslategray	HTML	:	#f8f8ff
HTML (Wert)	:	#778899	HTML (Wert)	:	#f8f8ff
CSS	:	lightslategray	CSS	:	#f8f8ff
CSS (Wert)	:	#778899	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#789	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbwert #f8f8ff
#778899	#8998a7	#9ba8b6	#aeb8c4	#c0c8d3	#d3d8e1	#e5e8f0	#f8f8ff
#778899	#8998a7	#9ba8b6	#aeb8c4	#c0c8d3	#d3d8e1	#e5e8f0	#f8f8ff

Kombination von lightslategray und #f8f8ff
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #f8f8ff und lightslategray ergibt sich zu 83.60%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 16.40%. #f8f8ff ist nicht als Schriftfarbe auf Hintergrund lightslategray geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe lightslategray				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#8a99a7	#8a99a7	#667483	#667483	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#9daab6	#9daab6	#55616d	#55616d	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#b1bbc4	#b1bbc4	#444d57	#444d57	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#c4ccd3	#c4ccd3	#333a41	#333a41	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#d8dde1	#d8dde1	#22262b	#22262b	#fdfdff	#fdfdff	#464648	#464648
#ebeef0	#ebeef0	#111315	#111315	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightslategray und Farbwert #f8f8ff

Text- und Unterstreichungsfarben mit Tag h6

Mit Befehl <h6> erzeugen Sie eine Überschrift. Sie kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h6> auf Farbwert #f8f8ff. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 125%. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gefurchten Rahmens mit 1 Punkte Dicke in Farbe lightslategray. Mit HTML geht das kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  h6 { 
    border-bottom:1pt groove lightslategray; 
    color:#f8f8ff; 
    font-family:courier new; 
    font-size:125%;
  }
//-->
</style>

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

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom HTML-Befehl h6 erfahren Sie in der HTML Referenz unter <h6>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe lightslategray auf Farbwert #f8f8ff ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe lightslategray vor.

Wir setzen zum Beispiel die Hintergrundfarbe von <dd> auf Farbe lightslategray. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  dd { 
    background-color: lightslategray; 
    font-family: courier new; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #f8f8ff geändert wird.

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

Mehr zu dd können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten vom Befehl <dd>.