Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgoldenrodyellow und Farbwert #00fa9a

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 #00fa9a
Detail	:	Hintergrund lightgoldenrodyellow	Detail	:	Schrift #00fa9a
Farbe	:	lightgoldenrodyellow	Farbwert	:	#00fa9a
Farbwert	:	#fafad2	Farbe	:	mediumspringgreen
HTML	:	lightgoldenrodyellow	HTML	:	#00fa9a
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#00fa9a
CSS	:	lightgoldenrodyellow	CSS	:	#00fa9a
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe lightgoldenrodyellow nach Schriftfarbwert #00fa9a
#fafad2	#d6faca	#b2fac2	#8efaba	#6bfab2	#47faaa	#23faa2	#00fa9a
#fafad2	#d6faca	#b2fac2	#8efaba	#6bfab2	#47faaa	#23faa2	#00fa9a

Kombination von lightgoldenrodyellow und #00fa9a
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#00fa9a eignet sich nicht als Schriftfarbe auf Hintergrund lightgoldenrodyellow, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #00fa9a und lightgoldenrodyellow ergibt sich zu 93.81%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.19%.

Hintergrundfarbe lightgoldenrodyellow				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#24faa8	#24faa8	#00d684	#00d684
#fbfbde	#fbfbde	#b2b296	#b2b296	#48fbb6	#48fbb6	#00b26e	#00b26e
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#6dfcc5	#6dfcc5	#008e58	#008e58
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#91fcd3	#91fcd3	#006b42	#006b42
#fdfdf2	#fdfdf2	#47473c	#47473c	#b6fde2	#b6fde2	#00472c	#00472c
#fefef8	#fefef8	#23231e	#23231e	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgoldenrodyellow und Farbwert #00fa9a

Wechsel der Textfarbe bei Hover bei Befehl h2

Eine Überschrift wird mit Tag <h2> erzeugt. Diese kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe lightgoldenrodyellow auf Farbwert #00fa9a ändern, wenn man mit der Maus auf <h2> zeigt. Bereiten wir zunächst eine Formatierung von <h2> in Farbe lightgoldenrodyellow vor.

Als Beispiel legen wir Farbe lightgoldenrodyellow als Textfarbe von <h2> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace:

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

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #00fa9a gesetzt wird.

<style type="text/css"><!--
  h2:hover { 
    color:#00fa9a;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum Befehl <h2>.

Hintergrund/Text-Kombination mit HTML-Befehl h5

Mit Tag <h5> setzen Sie eine Überschrift der 5. Stufe. Diese kann hervorgehoben und farblich gestaltet werden.

Wir ändern für dieses Beispiel die Textfarbe von <h5> auf Farbwert #00fa9a und die Hintergrundfarbe von <h5> auf Farbe lightgoldenrodyellow. Als Schriftart setzen wir monospace und als Schriftgröße setzen wir 11px.

<style type="text/css"><!--
  h5 { 
    background-color: lightgoldenrodyellow; 
    font-size: 11px; 
    color: #00fa9a; 
    font-family: monospace;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl h5 lesen Sie in der HTML Referenz unter <h5>.