Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #20b2aa 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.

Hintergrundfarbwert #20b2aa			Schriftfarbwert #ba55d3
Detail	:	Hintergrund #20b2aa	Detail	:	Schrift #ba55d3
Farbwert	:	#20b2aa	Farbwert	:	#ba55d3
Farbe	:	lightseagreen	Farbe	:	mediumorchid
HTML	:	#20b2aa	HTML	:	#ba55d3
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#ba55d3
CSS	:	#20b2aa	CSS	:	#ba55d3
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #20b2aa nach Schriftfarbwert #ba55d3
#20b2aa	#36a4af	#4c97b5	#628abb	#787cc1	#8e6fc7	#a462cd	#ba55d3
#20b2aa	#36a4af	#4c97b5	#628abb	#787cc1	#8e6fc7	#a462cd	#ba55d3

Kombination von #20b2aa 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ba55d3 ist nicht als Schriftfarbe auf Hintergrund #20b2aa geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #ba55d3 und #20b2aa ergibt sich zu 92.84%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.16%.

Hintergrundfarbwert #20b2aa				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#5fc8c2	#5fc8c2	#167f79	#167f79	#cd85df	#cd85df	#843c96	#843c96
#7fd3ce	#7fd3ce	#126561	#126561	#d79de5	#d79de5	#6a3078	#6a3078
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#bfe9e6	#bfe9e6	#093230	#093230	#ebcef2	#ebcef2	#35183c	#35183c
#dff4f2	#dff4f2	#041918	#041918	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #20b2aa und Farbwert #ba55d3

Wechsel der Umrandung bei Hover bei HTML-Befehl cite

Die Rahmenfarbe soll sich von Farbwert #20b2aa auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <cite> zeigt. Bereiten wir zunächst eine Formatierung von <cite> in Farbwert #20b2aa vor.

In diesem Beispiel umranden wir <cite> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #20b2aa.

<style type="text/css"><!--
  cite { 
    border-style: ridge; 
    border-width: 5px; 
    border-color: #20b2aa;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #ba55d3 ändert.

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

Weiteres zum hier genutzten HTML-Befehl cite finden Sie in der HTML Referenz unter <cite>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag center

Die Hintergrundfarbe soll sich von Farbwert #20b2aa auf Farbwert #ba55d3 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #20b2aa vor.

Als Beispiel ändern wir die Hintergrundfarbe von <center> auf Farbwert #20b2aa.

<style type="text/css"><!--
  center { 
    background-color: #20b2aa;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #ba55d3 ändert.

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Zur Beschreibung vom hier gezeigten HTML-Befehl <center>.