Ressourcen: 137 HTML Farbnamen - Kombination von Farbe deepskyblue 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 deepskyblue			Schriftfarbwert #ff8c00
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift #ff8c00
Farbe	:	deepskyblue	Farbwert	:	#ff8c00
Farbwert	:	#00bfff	Farbe	:	darkorange
HTML	:	deepskyblue	HTML	:	#ff8c00
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#ff8c00
CSS	:	deepskyblue	CSS	:	#ff8c00
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #ff8c00
#00bfff	#24b7da	#48b0b6	#6da991	#91a16d	#b69a48	#da9324	#ff8c00
#00bfff	#24b7da	#48b0b6	#6da991	#91a16d	#b69a48	#da9324	#ff8c00

Kombination von deepskyblue und #ff8c00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ff8c00 eignet sich nicht als Schriftfarbe auf Hintergrund deepskyblue. Zwar ist der Farbunterschied ok, die Helligkeiten sind jedoch zu ähnlich. Die Ähnlichkeit von #ff8c00 und deepskyblue ergibt sich zu 94.77%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.23%.

Hintergrundfarbe deepskyblue				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#24c8ff	#24c8ff	#00a3da	#00a3da	#ff9c24	#ff9c24	#da7800	#da7800
#48d1ff	#48d1ff	#0088b6	#0088b6	#ffac48	#ffac48	#b66400	#b66400
#6ddaff	#6ddaff	#006d91	#006d91	#ffbd6d	#ffbd6d	#915000	#915000
#91e3ff	#91e3ff	#00516d	#00516d	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#b6ecff	#b6ecff	#003648	#003648	#ffdeb6	#ffdeb6	#482800	#482800
#daf5ff	#daf5ff	#001b24	#001b24	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deepskyblue und Farbwert #ff8c00

Wechsel der Hintergrundfarbe bei Hover mit Befehl address

Die Hintergrundfarbe soll sich von Farbe deepskyblue auf Farbwert #ff8c00 ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Darstellung von <address> in Farbe deepskyblue vor.

Zum Beispiel legen wir Farbe deepskyblue als Hintergrundfarbe von <address> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 13px:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #ff8c00 ändert.

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum HTML-Befehl address ist in der HTML Referenz unter <address> zusammengestellt.

Füllen und Umranden von HTML-Tag h3

Eine Überschrift der 3. Stufe erzeugen Sie mit Befehl <h3>. Diese kann man farblich gestalten.

In diesem Beispiel umranden wir <h3> mit einem . Den Hintergrund von <h3> färben wir mit Farbe deepskyblue. In HTML ist dies nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  h3 { 
    background-color:deepskyblue; 
    border-width:3pt; 
    border-style:dotted; 
    border-color:#ff8c00;
  }
//-->
</style>

Weiteres zu h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der HTML-Befehl h3 ist in der HTML Referenz bei <h3> ausführlich gezeigt.