Ressourcen: 120 HTML Farbnamen - Kombination von Farbe steelblue und Farbwert #90ee90

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 steelblue			Schriftfarbwert #90ee90
Detail	:	Hintergrund steelblue	Detail	:	Schrift #90ee90
Farbe	:	steelblue	Farbwert	:	#90ee90
Farbwert	:	#4682b4	Farbe	:	lightgreen
HTML	:	steelblue	HTML	:	#90ee90
HTML (Wert)	:	#4682b4	HTML (Wert)	:	#90ee90
CSS	:	steelblue	CSS	:	#90ee90
CSS (Wert)	:	#4682b4	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#4682b4	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(70,130,180)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(27%,50%,70%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe steelblue nach Schriftfarbwert #90ee90
#4682b4	#5091ae	#5ba0a9	#65b0a4	#70bf9f	#7acf9a	#85de95	#90ee90
#4682b4	#5091ae	#5ba0a9	#65b0a4	#70bf9f	#7acf9a	#85de95	#90ee90

Kombination von steelblue und #90ee90
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #90ee90 und steelblue ergibt sich zu 86.20%. Die Lesbarkeit dieser Kombination liegt damit bei 13.80%. #90ee90 ist nicht als Schriftfarbe auf Hintergrund steelblue geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe steelblue				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4682b4	#4682b4	#4682b4	#4682b4	#90ee90	#90ee90	#90ee90	#90ee90
#6093be	#6093be	#3c6f9a	#3c6f9a	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#7aa5c9	#7aa5c9	#325c80	#325c80	#aff2af	#aff2af	#66aa66	#66aa66
#95b7d4	#95b7d4	#284a66	#284a66	#bff5bf	#bff5bf	#528852	#528852
#afc9de	#afc9de	#1e374d	#1e374d	#cff7cf	#cff7cf	#3d663d	#3d663d
#cadbe9	#cadbe9	#142533	#142533	#dffadf	#dffadf	#294429	#294429
#e4edf4	#e4edf4	#0a1219	#0a1219	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe steelblue und Farbwert #90ee90

Text- und Unterstreichungsfarben mit Tag del

Wir ändern bei diesem Beispiel die Textfarbe von <del> auf Farbwert #90ee90. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <del> mit Hilfe eines herausstehenden Rahmens mit 3 Punkte Dicke in Farbe steelblue. Dies ist in HTML kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    color:#90ee90; 
    border-bottom-color:steelblue; 
    border-bottom-width:3pt; 
    border-bottom-style:outset; 
    font-size:13px; 
    font-family:sans-serif;
  }
//-->
</style>

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

Zur Beschreibung vom Tag <del>.

Wechsel der Umrandung bei Hover bei HTML-Befehl h4

Mit Tag <h4> wird eine Überschrift erzeugt. Diese kann man farblich gestalten und hervorheben.

Die Rahmenfarbe soll sich von Farbe steelblue auf Farbwert #90ee90 ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst eine Darstellung von <h4> in Farbe steelblue vor.

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

<style type="text/css"><!--
  h4 { 
    border-width:3px; 
    border-color:steelblue; 
    border-style:groove;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #90ee90 geändert wird.

<style type="text/css"><!--
  h4:hover { 
    border-color:#90ee90;
  }
//-->
</style>

Weiteres zum Thema h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Der Tag h4 ist in der HTML Referenz unter <h4> zusammengestellt.