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

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 #ff8c00
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #ff8c00
Farbe	:	floralwhite	Farbwert	:	#ff8c00
Farbwert	:	#fffaf0	Farbe	:	darkorange
HTML	:	floralwhite	HTML	:	#ff8c00
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#ff8c00
CSS	:	floralwhite	CSS	:	#ff8c00
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #ff8c00
#fffaf0	#ffeacd	#ffdaab	#ffca89	#ffbb66	#ffab44	#ff9b22	#ff8c00
#fffaf0	#ffeacd	#ffdaab	#ffca89	#ffbb66	#ffab44	#ff9b22	#ff8c00

Kombination von floralwhite und #ff8c00
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #ff8c00 und floralwhite ergibt sich zu 89.32%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.68%. #ff8c00 eignet sich nicht als Schriftfarbe auf Hintergrund floralwhite. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe floralwhite				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#ff9c24	#ff9c24	#da7800	#da7800
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#ffac48	#ffac48	#b66400	#b66400
#fffcf6	#fffcf6	#918e89	#918e89	#ffbd6d	#ffbd6d	#915000	#915000
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#fffdfa	#fffdfa	#484744	#484744	#ffdeb6	#ffdeb6	#482800	#482800
#fffefc	#fffefc	#242322	#242322	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #ff8c00

Füllen und Umranden von Tag p

Hier umranden wir <p> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #ff8c00 . Die Hintergrundfarbe für <p> setzen wir entsprechend auf Farbe floralwhite. In HTML ist dies nicht möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  p { border:3px dotted #ff8c00; background-color:floralwhite; }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der Tag p ist in der HTML Referenz unter <p> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover von HTML-Befehl address

Die Textfarbe soll sich von Farbe floralwhite auf Farbwert #ff8c00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbe floralwhite vor.

Wir legen hier Farbe floralwhite als Textfarbe von <address> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf arial und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  address { 
    font-family: arial; 
    font-size: 13px; 
    color: floralwhite;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #ff8c00 geändert wird.

<style type="text/css"><!--
  address:hover { 
    color:#ff8c00;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Weiteres zum hier genutzten Befehl <address>.