Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbwert #ff8c00

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 blue			Schriftfarbwert #ff8c00
Detail	:	Hintergrund blue	Detail	:	Schrift #ff8c00
Farbe	:	blue	Farbwert	:	#ff8c00
Farbwert	:	#0000ff	Farbe	:	darkorange
HTML	:	blue	HTML	:	#ff8c00
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#ff8c00
CSS	:	blue	CSS	:	#ff8c00
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbe blue nach Schriftfarbwert #ff8c00
#0000ff	#2414da	#4828b6	#6d3c91	#91506d	#b66448	#da7824	#ff8c00
#0000ff	#2414da	#4828b6	#6d3c91	#91506d	#b66448	#da7824	#ff8c00

Kombination von blue und #ff8c00
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#ff8c00 eignet sich als Schriftfarbe auf Hintergrund blue, weil sowohl der Helligkeitsunterschied als auch der Unterschied in den Farben gut sind. Die Ähnlichkeit der Farben #ff8c00 und blue ergibt sich zu 82.46%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 17.54%.

Hintergrundfarbe blue				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#2424ff	#2424ff	#0000da	#0000da	#ff9c24	#ff9c24	#da7800	#da7800
#4848ff	#4848ff	#0000b6	#0000b6	#ffac48	#ffac48	#b66400	#b66400
#6d6dff	#6d6dff	#000091	#000091	#ffbd6d	#ffbd6d	#915000	#915000
#9191ff	#9191ff	#00006d	#00006d	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#b6b6ff	#b6b6ff	#000048	#000048	#ffdeb6	#ffdeb6	#482800	#482800
#dadaff	#dadaff	#000024	#000024	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blue und Farbwert #ff8c00

Wechsel der Textfarbe bei Hover bei HTML-Tag fieldset

Die Textfarbe soll sich von Farbe blue auf Farbwert #ff8c00 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <fieldset> in Farbe blue vor.

Hier legen wir Farbe blue als Textfarbe von <fieldset> fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf monospace.

<style type="text/css"><!--
  fieldset { 
    font-family:monospace; 
    color:blue;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #ff8c00 geändert wird.

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

Mehr zu fieldset können Sie in Formulare in HTML finden. Zur Beschreibung des Tag <fieldset>.

Wechsel der Hintergrundfarbe bei Hover bei Tag center

Die Hintergrundfarbe soll sich von Farbe blue auf Farbwert #ff8c00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe blue vor.

Wir legen hier die Hintergrundfarbe von <center> auf Farbe blue fest.

<style type="text/css"><!--
  center { 
    background-color:blue;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #ff8c00 ändert.

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der hier verwendete Tag center ist in der HTML Referenz bei <center> genau beschrieben.