Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f4a460 und Farbe lightgreen

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.

Hintergrundfarbwert #f4a460			Schriftfarbe lightgreen
Detail	:	Hintergrund #f4a460	Detail	:	Schrift lightgreen
Farbwert	:	#f4a460	Farbe	:	lightgreen
Farbe	:	sandybrown	Farbwert	:	#90ee90
HTML	:	#f4a460	HTML	:	lightgreen
HTML (Wert)	:	#f4a460	HTML (Wert)	:	#90ee90
CSS	:	#f4a460	CSS	:	lightgreen
CSS (Wert)	:	#f4a460	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#f4a460	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(244,164,96)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(95%,64%,37%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbwert #f4a460 nach Schriftfarbe lightgreen
#f4a460	#e5ae66	#d7b96d	#c9c374	#bace7b	#acd882	#9ee389	#90ee90
#f4a460	#e5ae66	#d7b96d	#c9c374	#bace7b	#acd882	#9ee389	#90ee90

Kombination von #f4a460 und lightgreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f4a460 ist lightgreen ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von lightgreen und #f4a460 ergibt sich zu 93.17%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.83%.

Hintergrundfarbwert #f4a460				Schriftfarbe lightgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f4a460	#f4a460	#f4a460	#f4a460	#90ee90	#90ee90	#90ee90	#90ee90
#f5b176	#f5b176	#d18c52	#d18c52	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#f7be8d	#f7be8d	#ae7544	#ae7544	#aff2af	#aff2af	#66aa66	#66aa66
#f8cba4	#f8cba4	#8b5d36	#8b5d36	#bff5bf	#bff5bf	#528852	#528852
#fad8ba	#fad8ba	#684629	#684629	#cff7cf	#cff7cf	#3d663d	#3d663d
#fbe5d1	#fbe5d1	#452e1b	#452e1b	#dffadf	#dffadf	#294429	#294429
#fdf2e8	#fdf2e8	#22170d	#22170d	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f4a460 und Farbe lightgreen

Wechsel der Umrandung bei Hover bei HTML-Befehl img

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

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #f4a460.

<style type="text/css"><!--
  img { border:1px groove #f4a460; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf lightgreen gesetzt wird.

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

Weiteres zu img können Sie in Grafik in HTML lesen. Beschreibung des HTML-Tag <img>.