Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faebd7 und Farbe darkorange

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 #faebd7			Schriftfarbe darkorange
Detail	:	Hintergrund #faebd7	Detail	:	Schrift darkorange
Farbwert	:	#faebd7	Farbe	:	darkorange
Farbe	:	antiquewhite	Farbwert	:	#ff8c00
HTML	:	#faebd7	HTML	:	darkorange
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#ff8c00
CSS	:	#faebd7	CSS	:	darkorange
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbe darkorange
#faebd7	#faddb8	#fbcf99	#fcc27a	#fcb45c	#fda73d	#fe991e	#ff8c00
#faebd7	#faddb8	#fbcf99	#fcc27a	#fcb45c	#fda73d	#fe991e	#ff8c00

Kombination von #faebd7 und darkorange
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				darkorange ist nicht als Schriftfarbe auf Hintergrund #faebd7 geeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben darkorange und #faebd7 ergibt sich zu 90.52%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.48%.

Hintergrundfarbwert #faebd7				Schriftfarbe darkorange
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#ff9c24	#ff9c24	#da7800	#da7800
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#ffac48	#ffac48	#b66400	#b66400
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#ffbd6d	#ffbd6d	#915000	#915000
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#fdf9f3	#fdf9f3	#47433d	#47433d	#ffdeb6	#ffdeb6	#482800	#482800
#fefcf9	#fefcf9	#23211e	#23211e	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #faebd7 und Farbe darkorange

Wechsel der Textfarbe bei Hover von HTML-Tag div

Mit Tag <div> wird ein Kontainer erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #faebd7 auf Farbe darkorange ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst eine Formatierung von <div> in Farbwert #faebd7 vor.

Hier legen wir Farbwert #faebd7 als Textfarbe von <div> fest und setzen die Schriftgröße auf 9pt:

<style type="text/css"><!--
  div { 
    font-size:9pt; 
    color:#faebd7;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf darkorange ändert.

<style type="text/css"><!--
  div:hover { 
    color:darkorange;
  }
//-->
</style>

Einzelheiten vom hier genutzten HTML-Befehl <div>.