Ressourcen: 137 HTML Farbnamen - Kombination von Farbe forestgreen und Farbwert #20b2aa

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 forestgreen			Schriftfarbwert #20b2aa
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #20b2aa
Farbe	:	forestgreen	Farbwert	:	#20b2aa
Farbwert	:	#228b22	Farbe	:	lightseagreen
HTML	:	forestgreen	HTML	:	#20b2aa
HTML (Wert)	:	#228b22	HTML (Wert)	:	#20b2aa
CSS	:	forestgreen	CSS	:	#20b2aa
CSS (Wert)	:	#228b22	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #20b2aa
#228b22	#219035	#219648	#219b5c	#20a16f	#20a683	#20ac96	#20b2aa
#228b22	#219035	#219648	#219b5c	#20a16f	#20a683	#20ac96	#20b2aa

Kombination von forestgreen und #20b2aa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von #20b2aa und forestgreen beträgt 92.03%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.97%. Auf Hintergrund forestgreen ist #20b2aa ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe forestgreen				Schriftfarbwert #20b2aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#419b41	#419b41	#1d771d	#1d771d	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#61ac61	#61ac61	#186318	#186318	#5fc8c2	#5fc8c2	#167f79	#167f79
#80bc80	#80bc80	#134f13	#134f13	#7fd3ce	#7fd3ce	#126561	#126561
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#bfddbf	#bfddbf	#092709	#092709	#bfe9e6	#bfe9e6	#093230	#093230
#dfeedf	#dfeedf	#041304	#041304	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #20b2aa

Hintergrund/Text-Kombination von Tag a

Mit Tag <a> wird ein Hyperlink erzeugt. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #20b2aa und die Hintergrundfarbe von <a> auf Farbe forestgreen. Die Schriftart ändern wir auf monospace. Als Schriftgröße setzen wir 95%.

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    font-size: 95%; 
    background-color: forestgreen; 
    color: #20b2aa;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier gezeigten HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.

Wechsel der Hintergrundfarbe bei Hover von Tag address

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

Als Beispiel legen wir Farbe forestgreen als Hintergrundfarbe von <address> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif:

<style type="text/css"><!--
  address { 
    background-color:forestgreen; 
    font-family:sans-serif;
  }
//-->
</style>

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

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Einzelheiten vom hier verwendeten Befehl address lesen Sie in der HTML Referenz unter <address>.