Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkolivegreen und Farbwert #ff1493

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 darkolivegreen			Schriftfarbwert #ff1493
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift #ff1493
Farbe	:	darkolivegreen	Farbwert	:	#ff1493
Farbwert	:	#556b2f	Farbe	:	deeppink
HTML	:	darkolivegreen	HTML	:	#ff1493
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#ff1493
CSS	:	darkolivegreen	CSS	:	#ff1493
CSS (Wert)	:	#556b2f	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#556b2f	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(85,107,47)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(33%,41%,18%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe darkolivegreen nach Schriftfarbwert #ff1493
#556b2f	#6d5e3d	#85524b	#9d4559	#b63968	#ce2c76	#e62084	#ff1493
#556b2f	#6d5e3d	#85524b	#9d4559	#b63968	#ce2c76	#e62084	#ff1493

Kombination von darkolivegreen und #ff1493
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.				Auf Hintergrund darkolivegreen ist #ff1493 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #ff1493 und darkolivegreen beträgt 92.21%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.79%.

Hintergrundfarbe darkolivegreen				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#556b2f	#556b2f	#556b2f	#556b2f	#ff1493	#ff1493	#ff1493	#ff1493
#6d804c	#6d804c	#485b28	#485b28	#ff35a2	#ff35a2	#da117e	#da117e
#85956a	#85956a	#3c4c21	#3c4c21	#ff57b1	#ff57b1	#b60e69	#b60e69
#9daa88	#9daa88	#303d1a	#303d1a	#ff78c1	#ff78c1	#910b54	#910b54
#b6bfa5	#b6bfa5	#242d14	#242d14	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#ced4c3	#ced4c3	#181e0d	#181e0d	#ffbbe0	#ffbbe0	#48052a	#48052a
#e6e9e1	#e6e9e1	#0c0f06	#0c0f06	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkolivegreen und Farbwert #ff1493

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag tr

Die Hintergrundfarbe soll sich von Farbe darkolivegreen auf Farbwert #ff1493 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <tr> in Farbe darkolivegreen vor.

Z.B. legen wir Farbe darkolivegreen als Hintergrundfarbe von <tr> fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial:

<style type="text/css"><!--
  tr { 
    background-color: darkolivegreen; 
    font-family: arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ff1493 gesetzt wird.

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

Mehr zum Thema lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten HTML-Tag tr ist in der HTML Referenz bei <tr> ausführlich zusammengestellt.

Füllen und Umranden mit Tag fieldset

Für dieses Beispiel umranden wir <fieldset> mit einem 5 Punkte dicken, gefurchten Rahmen in Farbwert #ff1493 . Die Hintergrundfarbe für <fieldset> färben wir entsprechend mit Farbe darkolivegreen. Dies ist mit HTML kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  fieldset { border:5pt groove #ff1493; background-color:darkolivegreen; }
//-->
</style>

Mehr zu fieldset können Sie in Formulare in HTML nachsehen. Weiteres zum hier verwendeten HTML-Tag fieldset finden Sie in der HTML Referenz unter <fieldset>.