Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #bc8f8f 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 #bc8f8f			Schriftfarbe darkorange
Detail	:	Hintergrund #bc8f8f	Detail	:	Schrift darkorange
Farbwert	:	#bc8f8f	Farbe	:	darkorange
Farbe	:	rosybrown	Farbwert	:	#ff8c00
HTML	:	#bc8f8f	HTML	:	darkorange
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#ff8c00
CSS	:	#bc8f8f	CSS	:	darkorange
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbwert #bc8f8f nach Schriftfarbe darkorange
#bc8f8f	#c58e7a	#cf8e66	#d88d51	#e28d3d	#eb8c28	#f58c14	#ff8c00
#bc8f8f	#c58e7a	#cf8e66	#d88d51	#e28d3d	#eb8c28	#f58c14	#ff8c00

Kombination von #bc8f8f und darkorange
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #bc8f8f ist darkorange ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von darkorange und #bc8f8f beträgt 94.26%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.74%.

Hintergrundfarbwert #bc8f8f				Schriftfarbe darkorange
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#ff9c24	#ff9c24	#da7800	#da7800
#cfafaf	#cfafaf	#866666	#866666	#ffac48	#ffac48	#b66400	#b66400
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#ffbd6d	#ffbd6d	#915000	#915000
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#ebdfdf	#ebdfdf	#352828	#352828	#ffdeb6	#ffdeb6	#482800	#482800
#f5efef	#f5efef	#1a1414	#1a1414	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bc8f8f und Farbe darkorange

Wechsel der Textfarbe bei Hover von HTML-Tag h2

Eine Überschrift erzeugt man mit HTML-Tag <h2>. Diese kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #bc8f8f auf Farbe darkorange ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h2> in Farbwert #bc8f8f vor.

Als Beispiel setzen wir bei <h2> die Textfarbe auf Farbwert #bc8f8f und erhöhen die Schriftgröße auf 120%:

<style type="text/css"><!--
  h2 { 
    color: #bc8f8f; 
    font-size: 120%;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier verwendeten HTML-Tag <h2>.

Zebra-Effekt bei HTML-Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit unterschiedlichen Hintergrundfarben Farbwert #bc8f8f und Farbe darkorange.

<style type="text/css"><!--
  td.yang { 
    background-color: #bc8f8f;
  }
  td.ying { 
    background-color: darkorange;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="yang">Fa:a</td><td class="ying">Fb:a</td><td class="yang">Fc:a</td></tr>
<tr><td class="yang">Fa:b</td><td class="ying">Fb:b</td><td class="yang">Fc:b</td></tr>
<tr><td class="yang">Fa:c</td><td class="ying">Fb:c</td><td class="yang">Fc:c</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML nachsehen. Einzelheiten vom Tag td sind in der HTML Referenz bei <td> zusammengestellt.