Ressourcen: 137 HTML Farbnamen - Kombination von Farbe teal und Farbwert #f5f5dc

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 teal			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund teal	Detail	:	Schrift #f5f5dc
Farbe	:	teal	Farbwert	:	#f5f5dc
Farbwert	:	#008080	Farbe	:	beige
HTML	:	teal	HTML	:	#f5f5dc
HTML (Wert)	:	#008080	HTML (Wert)	:	#f5f5dc
CSS	:	teal	CSS	:	#f5f5dc
CSS (Wert)	:	#008080	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe teal nach Schriftfarbwert #f5f5dc
#008080	#23908d	#46a19a	#69b2a7	#8cc2b4	#afd3c1	#d2e4ce	#f5f5dc
#008080	#23908d	#46a19a	#69b2a7	#8cc2b4	#afd3c1	#d2e4ce	#f5f5dc

Kombination von teal und #f5f5dc
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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund teal ist #f5f5dc ungeeignet, weil der Farbunterschied nicht ausreichend ist Die Ähnlichkeit der Farben #f5f5dc und teal ergibt sich zu 79.46%. Die Lesbarkeit dieser Kombination bewerte ich mit 20.54%.

Hintergrundfarbe teal				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#249292	#249292	#006d6d	#006d6d	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#48a4a4	#48a4a4	#005b5b	#005b5b	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#6db6b6	#6db6b6	#004949	#004949	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#91c8c8	#91c8c8	#003636	#003636	#fafaf0	#fafaf0	#69695e	#69695e
#b6dada	#b6dada	#002424	#002424	#fcfcf5	#fcfcf5	#46463e	#46463e
#daecec	#daecec	#001212	#001212	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe teal und Farbwert #f5f5dc

Wechsel der Hintergrundfarbe bei Hover bei Tag dfn

Die Hintergrundfarbe soll sich von Farbe teal auf Farbwert #f5f5dc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <dfn> in Farbe teal vor.

Als Beispiel ändern wir die Hintergrundfarbe von <dfn> auf Farbe teal. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  dfn { 
    background-color:teal; 
    font-family:courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #f5f5dc ändert.

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

Mehr zu dfn können Sie in Text in HTML erfahren. Möglichkeiten vom Tag <dfn>.

Text- und Unterstreichungsfarben von Tag h6

Mit HTML-Befehl <h6> wird eine Überschrift der 6. Stufe gesetzt. Diese kann man hervorheben und farblich gestalten.

Wir ändern Hher die Textfarbe von <h6> auf Farbwert #f5f5dc. Die Schriftart setzen wir auf monospace und erhöhen die Schriftgröße auf 128%. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gezahnten Rahmens mit 5 Pixel Dicke in Farbe teal. Das geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  h6 { 
    border-bottom: 5px ridge teal; 
    color: #f5f5dc; 
    font-family: monospace; 
    font-size: 128%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Tag <h6>.