Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8fbc8f und Farbwert #fafad2

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 #8fbc8f			Schriftfarbwert #fafad2
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift #fafad2
Farbwert	:	#8fbc8f	Farbwert	:	#fafad2
Farbe	:	darkseagreen	Farbe	:	lightgoldenrodyellow
HTML	:	#8fbc8f	HTML	:	#fafad2
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#fafad2
CSS	:	#8fbc8f	CSS	:	#fafad2
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbwert #fafad2
#8fbc8f	#9ec498	#adcda2	#bcd6ab	#ccdfb5	#dbe8be	#eaf1c8	#fafad2
#8fbc8f	#9ec498	#adcda2	#bcd6ab	#ccdfb5	#dbe8be	#eaf1c8	#fafad2

Kombination von #8fbc8f und #fafad2
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.				#fafad2 ist nicht als Schriftfarbe auf Hintergrund #8fbc8f geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #fafad2 und #8fbc8f beträgt 90.40%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.60%.

Hintergrundfarbwert #8fbc8f				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#fafad2	#fafad2	#fafad2	#fafad2
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#afcfaf	#afcfaf	#668666	#668666	#fbfbde	#fbfbde	#b2b296	#b2b296
#bfd8bf	#bfd8bf	#516b51	#516b51	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#dfebdf	#dfebdf	#283528	#283528	#fdfdf2	#fdfdf2	#47473c	#47473c
#eff5ef	#eff5ef	#141a14	#141a14	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8fbc8f und Farbwert #fafad2

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl h5

Eine Überschrift erzeugt man mit Tag <h5>. Diese kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #8fbc8f auf Farbwert #fafad2 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h5> in Farbwert #8fbc8f vor.

Wir legen für dieses Beispiel bei <h5> die Hintergrundfarbe auf Farbwert #8fbc8f fest:

<style type="text/css"><!--
  h5 { 
    background-color:#8fbc8f;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fafad2 geändert wird.

<style type="text/css"><!--
  h5:hover { 
    background-color:#fafad2;
  }
//-->
</style>

Weiteres zu h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier gezeigten HTML-Befehl h5 ist in der HTML Referenz unter <h5> ausführlich zusammengestellt.

Füllen und Umranden mit Befehl a

Ein Link wird mit HTML-Tag <a> gesetzt. Dieser kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem 3 Punkte dicken, gezahnten Rahmen in Farbwert #fafad2 . Die Hintergrundfarbe für <a> setzen wir auf Farbwert #8fbc8f. In HTML ist das kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:ridge; 
    border-width:3pt; 
    border-color:#fafad2; 
    background-color:#8fbc8f;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Die Beschreibung vom hier genutzten HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.