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

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 #ff8c00			Schriftfarbe darkblue
Detail	:	Hintergrund #ff8c00	Detail	:	Schrift darkblue
Farbwert	:	#ff8c00	Farbe	:	darkblue
Farbe	:	darkorange	Farbwert	:	#00008b
HTML	:	#ff8c00	HTML	:	darkblue
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#00008b
CSS	:	#ff8c00	CSS	:	darkblue
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #ff8c00 nach Schriftfarbe darkblue
#ff8c00	#da7813	#b66427	#91503b	#6d3c4f	#482863	#241477	#00008b
#ff8c00	#da7813	#b66427	#91503b	#6d3c4f	#482863	#241477	#00008b

Kombination von #ff8c00 und darkblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von darkblue und #ff8c00 beträgt 68.77%. Die Lesbarkeit dieser Farbkombination liegt damit bei 31.23%. darkblue eignet sich als Schriftfarbe auf Hintergrund #ff8c00, da der Unterschied in den Helligkeiten geeignet ist, der Unterschied in den Farben auch.

Hintergrundfarbwert #ff8c00				Schriftfarbe darkblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#00008b	#00008b	#00008b	#00008b
#ff9c24	#ff9c24	#da7800	#da7800	#24249b	#24249b	#000077	#000077
#ffac48	#ffac48	#b66400	#b66400	#4848ac	#4848ac	#000063	#000063
#ffbd6d	#ffbd6d	#915000	#915000	#6d6dbc	#6d6dbc	#00004f	#00004f
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#9191cd	#9191cd	#00003b	#00003b
#ffdeb6	#ffdeb6	#482800	#482800	#b6b6dd	#b6b6dd	#000027	#000027
#ffeeda	#ffeeda	#241400	#241400	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff8c00 und Farbe darkblue

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag dt

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

Für dieses Beispiel legen wir Farbwert #ff8c00 als Hintergrundfarbe von <dt> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und verkleinern die Schriftgröße auf 84%:

<style type="text/css"><!--
  dt { 
    font-family:courier new; 
    font-size:84%; 
    background-color:#ff8c00;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu darkblue ändert.

<style type="text/css"><!--
  dt:hover { 
    background-color:darkblue;
  }
//-->
</style>

Weiteres zu dt finden Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten Befehl dt erfahren Sie in der HTML Referenz unter <dt>.

Füllen und Umranden von Tag a

Einen Link erzeugt man mit HTML-Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem gezahnten, 1 Pixel dicken Rahmen in Farbe darkblue . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbwert #ff8c00. Das geht mit HTML nicht. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  a { 
    background-color:#ff8c00; 
    border-style:ridge; 
    border-color:darkblue; 
    border-width:1px;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Weiteres zum Befehl <a>.