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

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 #fffafa
Detail	:	Hintergrund #20b2aa	Detail	:	Schrift #fffafa
Farbwert	:	#20b2aa	Farbwert	:	#fffafa
Farbe	:	lightseagreen	Farbe	:	snow
HTML	:	#20b2aa	HTML	:	#fffafa
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#fffafa
CSS	:	#20b2aa	CSS	:	#fffafa
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbwert #20b2aa nach Schriftfarbwert #fffafa
#20b2aa	#3fbcb5	#5fc6c0	#7fd0cc	#9fdbd7	#bfe5e3	#dfefee	#fffafa
#20b2aa	#3fbcb5	#5fc6c0	#7fd0cc	#9fdbd7	#bfe5e3	#dfefee	#fffafa

Kombination von #20b2aa und #fffafa
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #fffafa und #20b2aa beträgt 87.93%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.07%. #fffafa eignet sich nicht als Schriftfarbe auf Hintergrund #20b2aa, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #20b2aa				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#fffafa	#fffafa	#fffafa	#fffafa
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#fffafa	#fffafa	#dad6d6	#dad6d6
#5fc8c2	#5fc8c2	#167f79	#167f79	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#7fd3ce	#7fd3ce	#126561	#126561	#fffcfc	#fffcfc	#918e8e	#918e8e
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#bfe9e6	#bfe9e6	#093230	#093230	#fffdfd	#fffdfd	#484747	#484747
#dff4f2	#dff4f2	#041918	#041918	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #20b2aa und Farbwert #fffafa

Wechsel der Hintergrundfarbe bei Hover von Tag label

Die Hintergrundfarbe soll sich von Farbwert #20b2aa auf Farbwert #fffafa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <label> in Farbwert #20b2aa vor.

Wir ändern als Beispiel die Hintergrundfarbe von <label> auf Farbwert #20b2aa:

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

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #fffafa ändert.

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

Weiteres zu label finden Sie in Formulare in HTML. Möglichkeiten des Befehl <label>.