Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chocolate und Farbwert #8b008b

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.

Hintergrundfarbe chocolate			Schriftfarbwert #8b008b
Detail	:	Hintergrund chocolate	Detail	:	Schrift #8b008b
Farbe	:	chocolate	Farbwert	:	#8b008b
Farbwert	:	#d2691e	Farbe	:	darkmagenta
HTML	:	chocolate	HTML	:	#8b008b
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#8b008b
CSS	:	chocolate	CSS	:	#8b008b
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbe chocolate nach Schriftfarbwert #8b008b
#d2691e	#c75a2d	#bd4b3d	#b33c4c	#a92d5c	#9f1e6b	#950f7b	#8b008b
#d2691e	#c75a2d	#bd4b3d	#b33c4c	#a92d5c	#9f1e6b	#950f7b	#8b008b

Kombination von chocolate und #8b008b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				#8b008b ist nicht als Schriftfarbe auf Hintergrund chocolate geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #8b008b und chocolate ergibt sich zu 88.86%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.14%.

Hintergrundfarbe chocolate				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#8b008b	#8b008b	#8b008b	#8b008b
#d87e3e	#d87e3e	#b45a19	#b45a19	#9b249b	#9b249b	#770077	#770077
#de935e	#de935e	#964b15	#964b15	#ac48ac	#ac48ac	#630063	#630063
#e5a97e	#e5a97e	#783c11	#783c11	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#cd91cd	#cd91cd	#3b003b	#3b003b
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#ddb6dd	#ddb6dd	#270027	#270027
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe chocolate und Farbwert #8b008b

Wechsel der Textfarbe bei Hover von HTML-Tag strong

Die Textfarbe soll sich von Farbe chocolate auf Farbwert #8b008b ändern, wenn man mit der Maus auf <strong> zeigt. Bereiten wir zunächst die Darstellung von <strong> in Farbe chocolate vor.

Hier setzen wir die Textfarbe von <strong> auf Farbe chocolate. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 9px:

<style type="text/css"><!--
  strong { 
    color:chocolate; 
    font-family:monospace; 
    font-size:9px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #8b008b geändert wird.

<style type="text/css"><!--
  strong:hover { 
    color:#8b008b;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Text in HTML. Beschreibung des HTML-Befehl <strong>.

Hintergrund/Text-Kombination mit Tag code

Hier ändern wir die Textfarbe von <code> auf Farbwert #8b008b und die Hintergrundfarbe von <code> auf Farbe chocolate. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 12px.

<style type="text/css"><!--
  code { 
    background-color:chocolate; 
    font-size:12px; 
    color:#8b008b; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema code können Sie in Text in HTML lesen. Einzelheiten vom hier genutzten HTML-Befehl code erfahren Sie in der HTML Referenz unter <code>.