Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #20b2aa und Farbe darkolivegreen

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.

Hintergrundfarbwert #20b2aa			Schriftfarbe darkolivegreen
Detail	:	Hintergrund #20b2aa	Detail	:	Schrift darkolivegreen
Farbwert	:	#20b2aa	Farbe	:	darkolivegreen
Farbe	:	lightseagreen	Farbwert	:	#556b2f
HTML	:	#20b2aa	HTML	:	darkolivegreen
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#556b2f
CSS	:	#20b2aa	CSS	:	darkolivegreen
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbwert #20b2aa nach Schriftfarbe darkolivegreen
#20b2aa	#27a798	#2f9d86	#369375	#3e8963	#457f52	#4d7540	#556b2f
#20b2aa	#27a798	#2f9d86	#369375	#3e8963	#457f52	#4d7540	#556b2f

Kombination von #20b2aa und darkolivegreen
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 darkolivegreen und #20b2aa beträgt 89.20%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.80%. Auf Hintergrund #20b2aa ist darkolivegreen ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #20b2aa				Schriftfarbe darkolivegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#556b2f	#556b2f	#556b2f	#556b2f
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#6d804c	#6d804c	#485b28	#485b28
#5fc8c2	#5fc8c2	#167f79	#167f79	#85956a	#85956a	#3c4c21	#3c4c21
#7fd3ce	#7fd3ce	#126561	#126561	#9daa88	#9daa88	#303d1a	#303d1a
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#b6bfa5	#b6bfa5	#242d14	#242d14
#bfe9e6	#bfe9e6	#093230	#093230	#ced4c3	#ced4c3	#181e0d	#181e0d
#dff4f2	#dff4f2	#041918	#041918	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #20b2aa und Farbe darkolivegreen

Hintergrund/Text-Kombination bei HTML-Befehl dd

Für dieses Beispiel ändern wir die Textfarbe von <dd> auf Farbe darkolivegreen und die Hintergrundfarbe von <dd> auf Farbwert #20b2aa. Als Schriftart wählen wir courier new. Die Schriftgröße setzen wir auf 92%.

<style type="text/css"><!--
  dd { 
    font-family:courier new; 
    color:darkolivegreen; 
    font-size:92%; 
    background-color:#20b2aa;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML finden. Die Beschreibung des hier genutzten Tag dd finden Sie in der HTML Referenz unter <dd>.

Wechsel der Textfarbe bei Hover mit Befehl li

Die Textfarbe soll sich von Farbwert #20b2aa auf Farbe darkolivegreen ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst eine Formatierung von <li> in Farbwert #20b2aa vor.

Für dieses Beispiel legen wir Farbwert #20b2aa als Textfarbe von <li> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  li { 
    color: #20b2aa; 
    font-family: monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf darkolivegreen geändert wird.

<style type="text/css"><!--
  li: hover { 
    color: darkolivegreen;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Weiteres zum Befehl li ist in der HTML Referenz unter <li> genau beschrieben.