Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #8b4513

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.

Hintergrundfarbe darkseagreen			Schriftfarbwert #8b4513
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #8b4513
Farbe	:	darkseagreen	Farbwert	:	#8b4513
Farbwert	:	#8fbc8f	Farbe	:	saddlebrown
HTML	:	darkseagreen	HTML	:	#8b4513
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#8b4513
CSS	:	darkseagreen	CSS	:	#8b4513
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #8b4513
#8fbc8f	#8eab7d	#8d9a6b	#8d8959	#8c7848	#8c6736	#8b5624	#8b4513
#8fbc8f	#8eab7d	#8d9a6b	#8d8959	#8c7848	#8c6736	#8b5624	#8b4513

Kombination von darkseagreen und #8b4513
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#8b4513 ist nicht als Schriftfarbe auf Hintergrund darkseagreen geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #8b4513 und darkseagreen ergibt sich zu 84.29%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 15.71%.

Hintergrundfarbe darkseagreen				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#8b4513	#8b4513	#8b4513	#8b4513
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#9b5f34	#9b5f34	#773b10	#773b10
#afcfaf	#afcfaf	#668666	#668666	#ac7a56	#ac7a56	#63310d	#63310d
#bfd8bf	#bfd8bf	#516b51	#516b51	#bc9478	#bc9478	#4f270a	#4f270a
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#dfebdf	#dfebdf	#283528	#283528	#ddc9bb	#ddc9bb	#271305	#271305
#eff5ef	#eff5ef	#141a14	#141a14	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #8b4513

Wechsel der Textfarbe bei Hover von HTML-Tag button

Die Textfarbe soll sich von Farbe darkseagreen auf Farbwert #8b4513 ändern, wenn man mit der Maus auf <button> zeigt. Wir bereiten zunächst die Darstellung von <button> in Farbe darkseagreen vor.

Zum Beispiel legen wir bei <button> die Textfarbe auf Farbe darkseagreen fest:

<style type="text/css"><!--
  button { 
    color: darkseagreen;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #8b4513 geändert wird.

<style type="text/css"><!--
  button:hover { 
    color:#8b4513;
  }
//-->
</style>

Weiteres zum Thema button lesen Sie in Formulare in HTML. Möglichkeiten vom Tag <button>.

Füllen und Umranden bei Befehl img

Hier umranden wir <img> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #8b4513 . Die Hintergrundfarbe für <img> setzen wir entsprechend auf Farbe darkseagreen. Dies geht mit HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  img { 
    border-color:#8b4513; 
    border-style:dotted; 
    background-color:darkseagreen; 
    border-width:2px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grafik in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl img sind in der HTML Referenz bei <img> ausführlich beschrieben.