Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffb6c1 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.

Hintergrundfarbwert #ffb6c1			Schriftfarbwert #8b008b
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #8b008b
Farbwert	:	#ffb6c1	Farbwert	:	#8b008b
Farbe	:	lightpink	Farbe	:	darkmagenta
HTML	:	#ffb6c1	HTML	:	#8b008b
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#8b008b
CSS	:	#ffb6c1	CSS	:	#8b008b
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #8b008b
#ffb6c1	#ee9cb9	#dd82b1	#cd68a9	#bc4ea2	#ac349a	#9b1a92	#8b008b
#ffb6c1	#ee9cb9	#dd82b1	#cd68a9	#bc4ea2	#ac349a	#9b1a92	#8b008b

Kombination von #ffb6c1 und #8b008b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von #8b008b und #ffb6c1 ergibt sich zu 75.50%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 24.50%. #8b008b eignet sich nicht als Schriftfarbe auf Hintergrund #ffb6c1, weil der Unterschied in den Farben zu gering ist

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#8b008b	#8b008b	#8b008b	#8b008b
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#9b249b	#9b249b	#770077	#770077
#ffcad2	#ffcad2	#b68289	#b68289	#ac48ac	#ac48ac	#630063	#630063
#ffd5db	#ffd5db	#91686e	#91686e	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#cd91cd	#cd91cd	#3b003b	#3b003b
#ffeaed	#ffeaed	#483437	#483437	#ddb6dd	#ddb6dd	#270027	#270027
#fff4f6	#fff4f6	#241a1b	#241a1b	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbwert #8b008b

Wechsel der Hintergrundfarbe bei Hover bei Tag h5

Eine Überschrift erzeugt man mit HTML-Tag <h5>. Diese können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #ffb6c1 auf Farbwert #8b008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <h5> in Farbwert #ffb6c1 vor.

Wir ändern zum Beispiel bei <h5> die Hintergrundfarbe auf Farbwert #ffb6c1. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf arial. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  h5 { 
    background-color: #ffb6c1; 
    font-size: 13px; 
    font-family: arial;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #8b008b ändert.

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

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der HTML-Tag h5 ist in der HTML Referenz unter <h5> zusammengestellt.

Hintergrund/Text-Kombination mit Befehl h4

Mit Befehl <h4> setzen Sie eine Überschrift der 4. Stufe. Sie kann farblich gestaltet und hervorgehoben werden.

Wir ändern für dieses Beispiel die Textfarbe von <h4> auf Farbwert #8b008b und die Hintergrundfarbe von <h4> auf Farbwert #ffb6c1. Als Schriftart wählen wir arial. Die Schriftgröße erhöhen wir auf 125%.

<style type="text/css"><!--
  h4 { 
    color:#8b008b; 
    background-color:#ffb6c1; 
    font-family:arial; 
    font-size:125%;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier gezeigte HTML-Tag h4 ist in der HTML Referenz unter <h4> zusammengestellt.