Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbwert #00ff7f

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 darkkhaki			Schriftfarbwert #00ff7f
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift #00ff7f
Farbe	:	darkkhaki	Farbwert	:	#00ff7f
Farbwert	:	#bdb76b	Farbe	:	springgreen
HTML	:	darkkhaki	HTML	:	#00ff7f
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#00ff7f
CSS	:	darkkhaki	CSS	:	#00ff7f
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#00ff7f
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#00ff7f
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(0,255,127)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(0%,100%,49%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #00ff7f
#bdb76b	#a2c16d	#87cb70	#6cd573	#51e076	#36ea79	#1bf47c	#00ff7f
#bdb76b	#a2c16d	#87cb70	#6cd573	#51e076	#36ea79	#1bf47c	#00ff7f

Kombination von darkkhaki und #00ff7f
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#00ff7f ist nicht als Schriftfarbe auf Hintergrund darkkhaki geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #00ff7f und darkkhaki ergibt sich zu 92.68%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.32%.

Hintergrundfarbe darkkhaki				Schriftfarbwert #00ff7f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#00ff7f	#00ff7f	#00ff7f	#00ff7f
#c6c180	#c6c180	#a29c5b	#a29c5b	#24ff91	#24ff91	#00da6c	#00da6c
#cfcb95	#cfcb95	#87824c	#87824c	#48ffa3	#48ffa3	#00b65a	#00b65a
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#6dffb5	#6dffb5	#009148	#009148
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#91ffc8	#91ffc8	#006d36	#006d36
#ecead4	#ecead4	#36341e	#36341e	#b6ffda	#b6ffda	#004824	#004824
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#daffec	#daffec	#002412	#002412
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbwert #00ff7f

Füllen und Umranden von Tag frameset

Hier umranden wir <frameset> mit einem . Den Hintergrund von <frameset> färben wir entsprechend mit Farbe darkkhaki. Dies ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frameset { 
    border-color: #00ff7f; 
    border-width: 3pt; 
    background-color: darkkhaki; 
    border-style: ridge;
  }
//-->
</style>

Der hier verwendete HTML-Befehl frameset ist in der HTML Referenz bei <frameset> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Tag li

Die Hintergrundfarbe soll sich von Farbe darkkhaki auf Farbwert #00ff7f ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst die Darstellung von <li> in Farbe darkkhaki vor.

Zum Beispiel legen wir bei <li> die Hintergrundfarbe auf Farbe darkkhaki fest:

<style type="text/css"><!--
  li { 
    background-color: darkkhaki;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #00ff7f ändert.

<style type="text/css"><!--
  li: hover { 
    background-color: #00ff7f;
  }
//-->
</style>

Mehr zum Thema li erfahren Sie in Listen und Glossare in HTML. Beschreibung vom hier genutzten Tag <li>.