Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a52a2a und Farbwert #3cb371

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.

Hintergrundfarbwert #a52a2a			Schriftfarbwert #3cb371
Detail	:	Hintergrund #a52a2a	Detail	:	Schrift #3cb371
Farbwert	:	#a52a2a	Farbwert	:	#3cb371
Farbe	:	brown	Farbe	:	mediumseagreen
HTML	:	#a52a2a	HTML	:	#3cb371
HTML (Wert)	:	#a52a2a	HTML (Wert)	:	#3cb371
CSS	:	#a52a2a	CSS	:	#3cb371
CSS (Wert)	:	#a52a2a	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#a52a2a	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(165,42,42)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(64%,16%,16%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #a52a2a nach Schriftfarbwert #3cb371
#a52a2a	#963d34	#87513e	#786448	#697852	#5a8b5c	#4b9f66	#3cb371
#a52a2a	#963d34	#87513e	#786448	#697852	#5a8b5c	#4b9f66	#3cb371

Kombination von #a52a2a und #3cb371
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #3cb371 und #a52a2a beträgt 87.34%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.66%. #3cb371 eignet sich nicht als Schriftfarbe auf Hintergrund #a52a2a. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #a52a2a				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a52a2a	#a52a2a	#a52a2a	#a52a2a	#3cb371	#3cb371	#3cb371	#3cb371
#b14848	#b14848	#8d2424	#8d2424	#57bd85	#57bd85	#339960	#339960
#be6666	#be6666	#751e1e	#751e1e	#73c899	#73c899	#2a7f50	#2a7f50
#cb8585	#cb8585	#5e1818	#5e1818	#8fd3ad	#8fd3ad	#226640	#226640
#d8a3a3	#d8a3a3	#461212	#461212	#abdec2	#abdec2	#194c30	#194c30
#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c	#c7e9d6	#c7e9d6	#113320	#113320
#f2e0e0	#f2e0e0	#170606	#170606	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a52a2a und Farbwert #3cb371

Text- und Unterstreichungsfarben mit Tag kbd

In diesem Beispiel ändern wir die Textfarbe von <kbd> auf Farbwert #3cb371 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif und ändern die Schriftgröße auf 9px. Wir unterstreichen den Inhalt von <kbd> mit Hilfe eines gepunkteten Rahmens mit 2 Pixel Dicke in Farbwert #a52a2a. Dies geht in HTML kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  kbd { 
    font-family:sans-serif; 
    font-size:9px; 
    color:#3cb371; 
    border-bottom-color:#a52a2a; 
    border-bottom-style:dotted; 
    border-bottom-width:2px;
  }
//-->
</style>

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

Mehr zum Thema kbd erfahren Sie in Text in HTML. Die Beschreibung des HTML-Befehl kbd finden Sie in der HTML Referenz unter <kbd>.

Wechsel der Textfarbe bei Hover von HTML-Tag tfoot

Die Textfarbe soll sich von Farbwert #a52a2a auf Farbwert #3cb371 ändern, wenn man mit der Maus auf <tfoot> zeigt. Bereiten wir zunächst eine Formatierung von <tfoot> in Farbwert #a52a2a vor.

Wir legen z.B. Farbwert #a52a2a als Textfarbe von <tfoot> fest und setzen die Schriftgröße auf 89%:

<style type="text/css"><!--
  tfoot { 
    font-size: 89%; 
    color: #a52a2a;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #3cb371 ändert.

<style type="text/css"><!--
  tfoot:hover { 
    color:#3cb371;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier genutzten HTML-Befehl <tfoot>.