Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #8b0000

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 darkseagreen			Schriftfarbwert #8b0000
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #8b0000
Farbe	:	darkseagreen	Farbwert	:	#8b0000
Farbwert	:	#8fbc8f	Farbe	:	darkred
HTML	:	darkseagreen	HTML	:	#8b0000
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#8b0000
CSS	:	darkseagreen	CSS	:	#8b0000
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #8b0000
#8fbc8f	#8ea17a	#8d8666	#8d6b51	#8c503d	#8c3528	#8b1a14	#8b0000
#8fbc8f	#8ea17a	#8d8666	#8d6b51	#8c503d	#8c3528	#8b1a14	#8b0000

Kombination von darkseagreen und #8b0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von #8b0000 und darkseagreen ergibt sich zu 77.85%. Die Lesbarkeit dieser Kombination bewerte ich mit 22.15%. #8b0000 ist nicht als Schriftfarbe auf Hintergrund darkseagreen geeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe darkseagreen				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#8b0000	#8b0000	#8b0000	#8b0000
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#9b2424	#9b2424	#770000	#770000
#afcfaf	#afcfaf	#668666	#668666	#ac4848	#ac4848	#630000	#630000
#bfd8bf	#bfd8bf	#516b51	#516b51	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#cd9191	#cd9191	#3b0000	#3b0000
#dfebdf	#dfebdf	#283528	#283528	#ddb6b6	#ddb6b6	#270000	#270000
#eff5ef	#eff5ef	#141a14	#141a14	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #8b0000

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbe darkseagreen auf Farbwert #8b0000 ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Formatierung von <address> in Farbe darkseagreen vor.

Wir legen z.B. die Hintergrundfarbe von <address> auf Farbe darkseagreen fest und verkleinern die Größe der Schrift auf 88%:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #8b0000 ändert.

<style type="text/css"><!--
  address: hover { 
    background-color: #8b0000;
  }
//-->
</style>

Mehr zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Befehl address ist in der HTML Referenz unter <address> beschrieben.

Füllen und Umranden mit Befehl iframe

Bei diesem Beispiel umranden wir <iframe> mit einem gefurchten, 5 Punkte dicken Rahmen in Farbwert #8b0000 . Die Hintergrundfarbe für <iframe> färben wir mit Farbe darkseagreen. In HTML ist dies nicht möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  iframe { border:5pt groove #8b0000; background-color:darkseagreen; }
//-->
</style>

Der hier verwendete Tag iframe ist in der HTML Referenz bei <iframe> beschrieben.