Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgoldenrodyellow und Farbwert #4b0082

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.

Hintergrundfarbe lightgoldenrodyellow			Schriftfarbwert #4b0082
Detail	:	Hintergrund lightgoldenrodyellow	Detail	:	Schrift #4b0082
Farbe	:	lightgoldenrodyellow	Farbwert	:	#4b0082
Farbwert	:	#fafad2	Farbe	:	indigo
HTML	:	lightgoldenrodyellow	HTML	:	#4b0082
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#4b0082
CSS	:	lightgoldenrodyellow	CSS	:	#4b0082
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbe lightgoldenrodyellow nach Schriftfarbwert #4b0082
#fafad2	#e1d6c6	#c8b2bb	#af8eaf	#966ba4	#7d4798	#64238d	#4b0082
#fafad2	#e1d6c6	#c8b2bb	#af8eaf	#966ba4	#7d4798	#64238d	#4b0082

Kombination von lightgoldenrodyellow und #4b0082
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#4b0082 eignet sich als Schriftfarbe auf Hintergrund lightgoldenrodyellow. Die Unterschiede in Helligkeit und Farbe sind ok. Die Ähnlichkeit der Farben #4b0082 und lightgoldenrodyellow beträgt 42.24%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 57.76%.

Hintergrundfarbe lightgoldenrodyellow				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#4b0082	#4b0082	#4b0082	#4b0082
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#642493	#642493	#40006f	#40006f
#fbfbde	#fbfbde	#b2b296	#b2b296	#7e48a5	#7e48a5	#35005c	#35005c
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#986db7	#986db7	#2a004a	#2a004a
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#b191c9	#b191c9	#200037	#200037
#fdfdf2	#fdfdf2	#47473c	#47473c	#cbb6db	#cbb6db	#150025	#150025
#fefef8	#fefef8	#23231e	#23231e	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgoldenrodyellow und Farbwert #4b0082

Wechsel der Textfarbe bei Hover bei Befehl tr

Die Textfarbe soll sich von Farbe lightgoldenrodyellow auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tr> in Farbe lightgoldenrodyellow vor.

Wir legen für dieses Beispiel Farbe lightgoldenrodyellow als Textfarbe von <tr> fest und setzen die Größe der Schrift auf 88%.

<style type="text/css"><!--
  tr { 
    color:lightgoldenrodyellow; 
    font-size:88%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #4b0082 geändert wird.

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

Mehr zum Thema können Sie in Tabellen in HTML lesen. Möglichkeiten vom hier verwendeten HTML-Befehl <tr>.

Hintergrund/Text-Kombination bei HTML-Befehl strike

Hier ändern wir die Textfarbe von <strike> auf Farbwert #4b0082 und die Hintergrundfarbe von <strike> auf Farbe lightgoldenrodyellow. Als Schriftart wählen wir sans-serif und vergrößern die Schriftgröße auf 126%.

<style type="text/css"><!--
  strike { 
    background-color: lightgoldenrodyellow; 
    font-family: sans-serif; 
    color: #4b0082; 
    font-size: 126%;
  }
//-->
</style>

Mehr zum Thema strike können Sie in Text in HTML nachlesen. Möglichkeiten des Tag strike sind in der HTML Referenz unter <strike> zusammengestellt.