Ressourcen: 137 HTML Farbnamen - Kombination von Farbe olive und Farbwert #48d1cc

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 olive			Schriftfarbwert #48d1cc
Detail	:	Hintergrund olive	Detail	:	Schrift #48d1cc
Farbe	:	olive	Farbwert	:	#48d1cc
Farbwert	:	#808000	Farbe	:	mediumturquoise
HTML	:	olive	HTML	:	#48d1cc
HTML (Wert)	:	#808000	HTML (Wert)	:	#48d1cc
CSS	:	olive	CSS	:	#48d1cc
CSS (Wert)	:	#808000	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#808000	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(128,128,0)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(50%,50%,0%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe olive nach Schriftfarbwert #48d1cc
#808000	#788b1d	#70973a	#68a257	#60ae74	#58b991	#50c5ae	#48d1cc
#808000	#788b1d	#70973a	#68a257	#60ae74	#58b991	#50c5ae	#48d1cc

Kombination von olive und #48d1cc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#48d1cc eignet sich nicht als Schriftfarbe auf Hintergrund olive, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #48d1cc und olive beträgt 89.28%. Die Lesbarkeit dieser Kombination liegt damit bei 10.72%.

Hintergrundfarbe olive				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808000	#808000	#808000	#808000	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#929224	#929224	#6d6d00	#6d6d00	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#a4a448	#a4a448	#5b5b00	#5b5b00	#7cdeda	#7cdeda	#339591	#339591
#b6b66d	#b6b66d	#494900	#494900	#96e4e1	#96e4e1	#297774	#297774
#c8c891	#c8c891	#363600	#363600	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#dadab6	#dadab6	#242400	#242400	#caf1f0	#caf1f0	#143b3a	#143b3a
#ececda	#ececda	#121200	#121200	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe olive und Farbwert #48d1cc

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbe olive und Farbwert #48d1cc.

<style type="text/css"><!--
  tr.ying { 
    background-color:olive;
  }
  tr.yang { 
    background-color: #48d1cc;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="ying"><td>Ea,a</td><td>Eb,a</td><td>Ec,a</td></tr>
<tr class="yang"><td>Ea,b</td><td>Eb,b</td><td>Ec,b</td></tr>
<tr class="ying"><td>Ea,c</td><td>Eb,c</td><td>Ec,c</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML finden. Die Beschreibung vom hier gezeigten HTML-Tag tr lesen Sie in der HTML Referenz unter <tr>.

Wechsel der Hintergrundfarbe bei Hover von Tag blockquote

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

Z.B. legen wir Farbe olive als Hintergrundfarbe von <blockquote> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  blockquote { 
    font-family: verdana; 
    background-color: olive;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #48d1cc ändert.

<style type="text/css"><!--
  blockquote: hover { 
    background-color: #48d1cc;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten des Befehl <blockquote>.