Ressourcen: 120 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #6b8e23

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 floralwhite			Schriftfarbwert #6b8e23
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #6b8e23
Farbe	:	floralwhite	Farbwert	:	#6b8e23
Farbwert	:	#fffaf0	Farbe	:	olivedrab
HTML	:	floralwhite	HTML	:	#6b8e23
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#6b8e23
CSS	:	floralwhite	CSS	:	#6b8e23
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #6b8e23
#fffaf0	#e9ead2	#d4dbb5	#bfcb98	#aabc7a	#95ac5d	#809d40	#6b8e23
#fffaf0	#e9ead2	#d4dbb5	#bfcb98	#aabc7a	#95ac5d	#809d40	#6b8e23

Kombination von floralwhite und #6b8e23
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#6b8e23 eignet sich nicht als Schriftfarbe auf Hintergrund floralwhite, weil die Farben zu ähnlich sind. Die Ähnlichkeit von #6b8e23 und floralwhite ergibt sich zu 82.58%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 17.42%.

Hintergrundfarbe floralwhite				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#809e42	#809e42	#5b791e	#5b791e
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#95ae61	#95ae61	#4c6519	#4c6519
#fffcf6	#fffcf6	#918e89	#918e89	#aabe81	#aabe81	#3d5114	#3d5114
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fffdfa	#fffdfa	#484744	#484744	#d4dec0	#d4dec0	#1e280a	#1e280a
#fffefc	#fffefc	#242322	#242322	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #6b8e23

Hintergrund/Text-Kombination bei HTML-Tag li

Wir ändern bei diesem Beispiel die Textfarbe von <li> auf Farbwert #6b8e23 und die Hintergrundfarbe von <li> auf Farbe floralwhite. Als Schriftart setzen wir sans-serif. Die Schriftgröße setzen wir auf 126%.

<style type="text/css"><!--
  li { 
    color:#6b8e23; 
    font-family:sans-serif; 
    background-color:floralwhite; 
    font-size:126%;
  }
//-->
</style>

Mehr zu li erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom hier genutzten HTML-Tag <li>.

Wechsel der Umrandung bei Hover mit Tag span

Die Rahmenfarbe soll sich von Farbe floralwhite auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <span> in Farbe floralwhite vor.

In diesem Beispiel umranden wir <span> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe floralwhite.

<style type="text/css"><!--
  span { border:2px double floralwhite; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #6b8e23 geändert wird.

<style type="text/css"><!--
  span:hover { 
    border-color:#6b8e23;
  }
//-->
</style>

Einzelheiten vom HTML-Befehl span sind in der HTML Referenz unter <span> genau zusammengestellt.