Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgoldenrodyellow und Farbwert #9370db

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 #9370db
Detail	:	Hintergrund lightgoldenrodyellow	Detail	:	Schrift #9370db
Farbe	:	lightgoldenrodyellow	Farbwert	:	#9370db
Farbwert	:	#fafad2	Farbe	:	mediumpurple
HTML	:	lightgoldenrodyellow	HTML	:	#9370db
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#9370db
CSS	:	lightgoldenrodyellow	CSS	:	#9370db
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbe lightgoldenrodyellow nach Schriftfarbwert #9370db
#fafad2	#ebe6d3	#dcd2d4	#cdbed5	#bfabd7	#b097d8	#a183d9	#9370db
#fafad2	#ebe6d3	#dcd2d4	#cdbed5	#bfabd7	#b097d8	#a183d9	#9370db

Kombination von lightgoldenrodyellow und #9370db
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von #9370db und lightgoldenrodyellow ergibt sich zu 83.22%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 16.78%. #9370db ist nicht als Schriftfarbe auf Hintergrund lightgoldenrodyellow geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe lightgoldenrodyellow				Schriftfarbwert #9370db
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#9370db	#9370db	#9370db	#9370db
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#a284e0	#a284e0	#7e60bb	#7e60bb
#fbfbde	#fbfbde	#b2b296	#b2b296	#b198e5	#b198e5	#69509c	#69509c
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#c1adea	#c1adea	#54407d	#54407d
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#fdfdf2	#fdfdf2	#47473c	#47473c	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#fefef8	#fefef8	#23231e	#23231e	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgoldenrodyellow und Farbwert #9370db

Wechsel der Hintergrundfarbe bei Hover mit Befehl thead

Die Hintergrundfarbe soll sich von Farbe lightgoldenrodyellow auf Farbwert #9370db ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <thead> in Farbe lightgoldenrodyellow vor.

Als Beispiel legen wir Farbe lightgoldenrodyellow als Hintergrundfarbe von <thead> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  thead { 
    background-color: lightgoldenrodyellow; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #9370db ändert.

<style type="text/css"><!--
  thead:hover { 
    background-color:#9370db;
  }
//-->
</style>

Weiteres zu thead können Sie in Tabellen in HTML lesen. Der hier genutzte Tag thead ist in der HTML Referenz unter <thead> beschrieben.

Füllen und Umranden mit Befehl h3

Mit Tag <h3> wird eine Überschrift gesetzt. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <h3> mit einem . Den Hintergrund von <h3> färben wir entsprechend mit Farbe lightgoldenrodyellow. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  h3 { border:1px inset #9370db; background-color:lightgoldenrodyellow; }
//-->
</style>

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom Befehl h3 sind in der HTML Referenz bei <h3> zusammengestellt.