Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b8860b und Farbe lime

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 #b8860b			Schriftfarbe lime
Detail	:	Hintergrund #b8860b	Detail	:	Schrift lime
Farbwert	:	#b8860b	Farbe	:	lime
Farbe	:	darkgoldenrod	Farbwert	:	#00ff00
HTML	:	#b8860b	HTML	:	lime
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#00ff00
CSS	:	#b8860b	CSS	:	lime
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbe lime
#b8860b	#9d9709	#83a807	#69b906	#4ecb04	#34dc03	#1aed01	#00ff00
#b8860b	#9d9709	#83a807	#69b906	#4ecb04	#34dc03	#1aed01	#00ff00

Kombination von #b8860b und lime
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Auf Hintergrund #b8860b ist lime ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben lime und #b8860b beträgt 88.71%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.29%.

Hintergrundfarbwert #b8860b				Schriftfarbe lime
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#00ff00	#00ff00	#00ff00	#00ff00
#c2972d	#c2972d	#9d7209	#9d7209	#24ff24	#24ff24	#00da00	#00da00
#cca850	#cca850	#835f07	#835f07	#48ff48	#48ff48	#00b600	#00b600
#d6b973	#d6b973	#694c06	#694c06	#6dff6d	#6dff6d	#009100	#009100
#e0cb96	#e0cb96	#4e3904	#4e3904	#91ff91	#91ff91	#006d00	#006d00
#eadcb9	#eadcb9	#342603	#342603	#b6ffb6	#b6ffb6	#004800	#004800
#f4eddc	#f4eddc	#1a1301	#1a1301	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b8860b und Farbe lime

Wechsel der Umrandung bei Hover von HTML-Tag kbd

Die Rahmenfarbe soll sich von Farbwert #b8860b auf Farbe lime ändern, wenn man mit der Maus auf <kbd> zeigt. Bereiten wir zunächst die Formatierung von <kbd> in Farbwert #b8860b vor.

In diesem Beispiel umranden wir <kbd> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #b8860b.

<style type="text/css"><!--
  kbd { 
    border-color:#b8860b; 
    border-style:dashed; 
    border-width:3px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf lime ändert.

<style type="text/css"><!--
  kbd: hover { 
    border-color: lime;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Weiteres zum hier genutzten Befehl kbd lesen Sie in der HTML Referenz unter <kbd>.

Hintergrund/Text-Kombination mit Tag li

Bei diesem Beispiel ändern wir die Textfarbe von <li> auf Farbe lime und die Hintergrundfarbe von <li> auf Farbwert #b8860b. Die Schriftart setzen wir auf monospace und als Schriftgröße setzen wir 120%.

<style type="text/css"><!--
  li { 
    font-size:120%; 
    background-color:#b8860b; 
    color:lime; 
    font-family:monospace;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Zur Beschreibung des hier gezeigten Befehl <li>.