Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbwert #f0e68c

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 green			Schriftfarbwert #f0e68c
Detail	:	Hintergrund green	Detail	:	Schrift #f0e68c
Farbe	:	green	Farbwert	:	#f0e68c
Farbwert	:	#008000	Farbe	:	khaki
HTML	:	green	HTML	:	#f0e68c
HTML (Wert)	:	#008000	HTML (Wert)	:	#f0e68c
CSS	:	green	CSS	:	#f0e68c
CSS (Wert)	:	#008000	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #f0e68c
#008000	#228e14	#449d28	#66ab3c	#89ba50	#abc864	#cdd778	#f0e68c
#008000	#228e14	#449d28	#66ab3c	#89ba50	#abc864	#cdd778	#f0e68c

Kombination von green und #f0e68c
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #f0e68c und green ergibt sich zu 80.89%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 19.11%. Auf Hintergrund green ist #f0e68c ungeeignet, weil die Farben zu ähnlich sind.

Hintergrundfarbe green				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#249224	#249224	#006d00	#006d00	#f2e99c	#f2e99c	#cdc578	#cdc578
#48a448	#48a448	#005b00	#005b00	#f4edac	#f4edac	#aba464	#aba464
#6db66d	#6db66d	#004900	#004900	#f6f0bd	#f6f0bd	#898350	#898350
#91c891	#91c891	#003600	#003600	#f8f4cd	#f8f4cd	#66623c	#66623c
#b6dab6	#b6dab6	#002400	#002400	#faf7de	#faf7de	#444128	#444128
#daecda	#daecda	#001200	#001200	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #f0e68c

Hintergrund/Text-Kombination von Befehl select

Bei diesem Beispiel ändern wir die Textfarbe von <select> auf Farbwert #f0e68c und die Hintergrundfarbe von <select> auf Farbe green. Die Schriftart setzen wir auf monospace und als Schriftgröße setzen wir 111%.

<style type="text/css"><!--
  select { 
    font-family:monospace; 
    font-size:111%; 
    background-color:green; 
    color:#f0e68c;
  }
//-->
</style>

Weiteres zum Thema select können Sie in Formulare in HTML lesen. Weiteres zum Tag select ist in der HTML Referenz unter <select> zusammengestellt.

Wechsel der Umrandung bei Hover mit HTML-Befehl blockquote

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

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe green.

<style type="text/css"><!--
  blockquote { 
    border-color:green; 
    border-width:1px; 
    border-style:outset;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #f0e68c ändert.

<style type="text/css"><!--
  blockquote:hover { 
    border-color:#f0e68c;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Weiteres zum HTML-Befehl blockquote ist in der HTML Referenz unter <blockquote> gezeigt.