Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkslategray und Farbwert #bc8f8f

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 darkslategray			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund darkslategray	Detail	:	Schrift #bc8f8f
Farbe	:	darkslategray	Farbwert	:	#bc8f8f
Farbwert	:	#2f4f4f	Farbe	:	rosybrown
HTML	:	darkslategray	HTML	:	#bc8f8f
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#bc8f8f
CSS	:	darkslategray	CSS	:	#bc8f8f
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #bc8f8f
#2f4f4f	#435858	#576161	#6b6a6a	#7f7373	#937c7c	#a78585	#bc8f8f
#2f4f4f	#435858	#576161	#6b6a6a	#7f7373	#937c7c	#a78585	#bc8f8f

Kombination von darkslategray und #bc8f8f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #bc8f8f und darkslategray ergibt sich zu 84.89%. Die Lesbarkeit dieser Farbkombination liegt damit bei 15.11%. Auf Hintergrund darkslategray ist #bc8f8f ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe darkslategray				Schriftfarbwert #bc8f8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#4c6868	#4c6868	#284343	#284343	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#6a8181	#6a8181	#213838	#213838	#cfafaf	#cfafaf	#866666	#866666
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#a5b3b3	#a5b3b3	#142121	#142121	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#c3cccc	#c3cccc	#0d1616	#0d1616	#ebdfdf	#ebdfdf	#352828	#352828
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslategray und Farbwert #bc8f8f

Wechsel der Hintergrundfarbe bei Hover mit Tag h1

Eine Überschrift wird mit Tag <h1> erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

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

Zum Beispiel legen wir Farbe darkslategray als Hintergrundfarbe von <h1> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h1 { 
    background-color: darkslategray; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #bc8f8f ändert.

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

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der Befehl h1 ist in der HTML Referenz bei <h1> genau gezeigt.

Füllen und Umranden bei Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem doppelten, 2 Pixel dicken Rahmen in Farbwert #bc8f8f . Den Hintergrund von <hr> setzen wir entsprechend auf Farbe darkslategray. Mit HTML ist das nicht machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  hr { 
    border-style: double; 
    background-color: darkslategray; 
    border-width: 2px; 
    border-color: #bc8f8f;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Zur Beschreibung des Tag <hr>.