Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbwert #4b0082

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 #cd853f			Schriftfarbwert #4b0082
Detail	:	Hintergrund #cd853f	Detail	:	Schrift #4b0082
Farbwert	:	#cd853f	Farbwert	:	#4b0082
Farbe	:	peru	Farbe	:	indigo
HTML	:	#cd853f	HTML	:	#4b0082
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#4b0082
CSS	:	#cd853f	CSS	:	#4b0082
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #cd853f nach Schriftfarbwert #4b0082
#cd853f	#ba7248	#a75f52	#954c5b	#823965	#70266e	#5d1378	#4b0082
#cd853f	#ba7248	#a75f52	#954c5b	#823965	#70266e	#5d1378	#4b0082

Kombination von #cd853f und #4b0082
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#4b0082 ist nicht als Schriftfarbe auf Hintergrund #cd853f geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #4b0082 und #cd853f beträgt 79.38%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 20.62%.

Hintergrundfarbwert #cd853f				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#4b0082	#4b0082	#4b0082	#4b0082
#d4965a	#d4965a	#af7236	#af7236	#642493	#642493	#40006f	#40006f
#dba775	#dba775	#925f2d	#925f2d	#7e48a5	#7e48a5	#35005c	#35005c
#e2b991	#e2b991	#754c24	#754c24	#986db7	#986db7	#2a004a	#2a004a
#e9caac	#e9caac	#57391b	#57391b	#b191c9	#b191c9	#200037	#200037
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#cbb6db	#cbb6db	#150025	#150025
#f7ede3	#f7ede3	#1d1309	#1d1309	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #cd853f und Farbwert #4b0082

Wechsel der Textfarbe bei Hover von HTML-Befehl th

Die Textfarbe soll sich von Farbwert #cd853f auf Farbwert #4b0082 ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst die Darstellung von <th> in Farbwert #cd853f vor.

Als Beispiel legen wir die Textfarbe von <th> auf Farbwert #cd853f fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf sans-serif.

<style type="text/css"><!--
  th { 
    font-family: sans-serif; 
    color: #cd853f;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #4b0082 gesetzt wird.

<style type="text/css"><!--
  th: hover { 
    color: #4b0082;
  }
//-->
</style>

Mehr zum Thema th lesen Sie in Tabellen in HTML. Möglichkeiten vom Tag th sind in der HTML Referenz unter <th> zusammengestellt.