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

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.

Hintergrundfarbwert #bc8f8f			Schriftfarbwert #cd5c5c
Detail	:	Hintergrund #bc8f8f	Detail	:	Schrift #cd5c5c
Farbwert	:	#bc8f8f	Farbwert	:	#cd5c5c
Farbe	:	rosybrown	Farbe	:	indianred
HTML	:	#bc8f8f	HTML	:	#cd5c5c
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#cd5c5c
CSS	:	#bc8f8f	CSS	:	#cd5c5c
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #bc8f8f nach Schriftfarbwert #cd5c5c
#bc8f8f	#be8787	#c08080	#c37979	#c57171	#c86a6a	#ca6363	#cd5c5c
#bc8f8f	#be8787	#c08080	#c37979	#c57171	#c86a6a	#ca6363	#cd5c5c

Kombination von #bc8f8f und #cd5c5c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #cd5c5c und #bc8f8f ergibt sich zu 93.27%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.73%. Auf Hintergrund #bc8f8f ist #cd5c5c ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #bc8f8f				Schriftfarbwert #cd5c5c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#d47373	#d47373	#af4e4e	#af4e4e
#cfafaf	#cfafaf	#866666	#866666	#db8a8a	#db8a8a	#924141	#924141
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#e2a1a1	#e2a1a1	#753434	#753434
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#e9b9b9	#e9b9b9	#572727	#572727
#ebdfdf	#ebdfdf	#352828	#352828	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#f5efef	#f5efef	#1a1414	#1a1414	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bc8f8f und Farbwert #cd5c5c

Text- und Unterstreichungsfarben von Tag span

Wir ändern für dieses Beispiel die Textfarbe von <span> auf Farbwert #cd5c5c. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gestrichelten Rahmens mit 5 Pixel Dicke in Farbwert #bc8f8f. Das geht in HTML kaum. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  span { 
    color:#cd5c5c; 
    border-bottom-style:dashed; 
    font-family:verdana; 
    border-bottom-width:5px; 
    border-bottom-color:#bc8f8f; 
    font-size:9pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum HTML-Tag <span>.

Wechsel der Textfarbe bei Hover mit Tag h1

Mit HTML-Tag <h1> wird eine Überschrift gesetzt. Sie kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #bc8f8f auf Farbwert #cd5c5c ändern, wenn man mit der Maus auf <h1> zeigt. Wir bereiten zunächst eine Formatierung von <h1> in Farbwert #bc8f8f vor.

Wir legen z.B. bei <h1> die Textfarbe auf Farbwert #bc8f8f fest:

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

Nun fordern wir, dass bei Hover die Textfarbe auf #cd5c5c gesetzt wird.

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

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom hier gezeigten Tag h1 erfahren Sie in der HTML Referenz unter <h1>.