Ressourcen: 137 HTML Farbnamen - Kombination von Farbe olivedrab und Farbwert #add8e6

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 olivedrab			Schriftfarbwert #add8e6
Detail	:	Hintergrund olivedrab	Detail	:	Schrift #add8e6
Farbe	:	olivedrab	Farbwert	:	#add8e6
Farbwert	:	#6b8e23	Farbe	:	lightblue
HTML	:	olivedrab	HTML	:	#add8e6
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#add8e6
CSS	:	olivedrab	CSS	:	#add8e6
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#add8e6
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#add8e6
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(173,216,230)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(67%,84%,90%)

Verlauf Hintergrundfarbe olivedrab nach Schriftfarbwert #add8e6
#6b8e23	#74983e	#7da35a	#87ad76	#90b892	#9ac2ae	#a3cdca	#add8e6
#6b8e23	#74983e	#7da35a	#87ad76	#90b892	#9ac2ae	#a3cdca	#add8e6

Kombination von olivedrab und #add8e6
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #add8e6 und olivedrab ergibt sich zu 88.14%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.86%. Auf Hintergrund olivedrab ist #add8e6 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe olivedrab				Schriftfarbwert #add8e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#add8e6	#add8e6	#add8e6	#add8e6
#809e42	#809e42	#5b791e	#5b791e	#b8dde9	#b8dde9	#94b9c5	#94b9c5
#95ae61	#95ae61	#4c6519	#4c6519	#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4
#aabe81	#aabe81	#3d5114	#3d5114	#d0e8f0	#d0e8f0	#627b83	#627b83
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#dbeef4	#dbeef4	#4a5c62	#4a5c62
#d4dec0	#d4dec0	#1e280a	#1e280a	#e7f3f7	#e7f3f7	#313d41	#313d41
#e9eedf	#e9eedf	#0f1405	#0f1405	#f3f9fb	#f3f9fb	#181e20	#181e20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe olivedrab und Farbwert #add8e6

Füllen und Umranden bei HTML-Tag iframe

Hier umranden wir <iframe> mit einem gestrichelten, 2 Punkte dicken Rahmen in Farbwert #add8e6 . Den Hintergrund von <iframe> färben wir entsprechend mit Farbe olivedrab. Das ist in HTML nicht möglich. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  iframe { border:2pt dashed #add8e6; background-color:olivedrab; }
//-->
</style>

Weiteres zum hier gezeigten Befehl iframe ist in der HTML Referenz bei <iframe> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover bei Tag th

Die Textfarbe soll sich von Farbe olivedrab auf Farbwert #add8e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <th> in Farbe olivedrab vor.

Zum Beispiel legen wir die Textfarbe von <th> auf Farbe olivedrab fest und verkleinern die Größe der Schrift auf 90%.

<style type="text/css"><!--
  th { 
    font-size: 90%; 
    color: olivedrab;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #add8e6 ändert.

<style type="text/css"><!--
  th:hover { 
    color:#add8e6;
  }
//-->
</style>

Mehr zu th können Sie in Tabellen in HTML nachlesen. Beschreibung des HTML-Befehl <th>.