Ressourcen: 120 HTML Farbnamen - Kombination von Farbe olivedrab und Farbwert #ba55d3

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 olivedrab			Schriftfarbwert #ba55d3
Detail	:	Hintergrund olivedrab	Detail	:	Schrift #ba55d3
Farbe	:	olivedrab	Farbwert	:	#ba55d3
Farbwert	:	#6b8e23	Farbe	:	mediumorchid
HTML	:	olivedrab	HTML	:	#ba55d3
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#ba55d3
CSS	:	olivedrab	CSS	:	#ba55d3
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe olivedrab nach Schriftfarbwert #ba55d3
#6b8e23	#76853c	#817d55	#8c756e	#986d87	#a365a0	#ae5db9	#ba55d3
#6b8e23	#76853c	#817d55	#8c756e	#986d87	#a365a0	#ae5db9	#ba55d3

Kombination von olivedrab und #ba55d3
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund olivedrab. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ba55d3 und olivedrab beträgt 95.07%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.93%.

Hintergrundfarbe olivedrab				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#809e42	#809e42	#5b791e	#5b791e	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#95ae61	#95ae61	#4c6519	#4c6519	#cd85df	#cd85df	#843c96	#843c96
#aabe81	#aabe81	#3d5114	#3d5114	#d79de5	#d79de5	#6a3078	#6a3078
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#d4dec0	#d4dec0	#1e280a	#1e280a	#ebcef2	#ebcef2	#35183c	#35183c
#e9eedf	#e9eedf	#0f1405	#0f1405	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe olivedrab und Farbwert #ba55d3

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe olivedrab auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbe olivedrab vor.

Z.B. legen wir die Hintergrundfarbe von <dd> auf Farbe olivedrab fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  dd { 
    background-color:olivedrab; 
    font-family:monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ba55d3 geändert wird.

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

Mehr zum Thema dd erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom Befehl dd sind in der HTML Referenz bei <dd> genau zusammengestellt.

Text- und Unterstreichungsfarben mit Tag blockquote

Wir ändern bei diesem Beispiel die Textfarbe von <blockquote> auf Farbwert #ba55d3. Die Schriftart setzen wir auf arial. Die Schriftgröße erhöhen wir auf 111%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gestrichelten Rahmens mit 2 Pixel Dicke in Farbe olivedrab. Mit HTML geht das kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  blockquote { 
    color: #ba55d3; 
    border-bottom: 2px dashed olivedrab; 
    font-size: 111%; 
    font-family: arial;
  }
//-->
</style>

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

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Einzelheiten des hier verwendeten HTML-Tag blockquote sind in der HTML Referenz unter <blockquote> zusammengestellt.