Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4e1 und Farbwert #8b4513

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 #ffe4e1			Schriftfarbwert #8b4513
Detail	:	Hintergrund #ffe4e1	Detail	:	Schrift #8b4513
Farbwert	:	#ffe4e1	Farbwert	:	#8b4513
Farbe	:	mistyrose	Farbe	:	saddlebrown
HTML	:	#ffe4e1	HTML	:	#8b4513
HTML (Wert)	:	#ffe4e1	HTML (Wert)	:	#8b4513
CSS	:	#ffe4e1	CSS	:	#8b4513
CSS (Wert)	:	#ffe4e1	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#ffe4e1	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(255,228,225)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(100%,89%,88%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #ffe4e1 nach Schriftfarbwert #8b4513
#ffe4e1	#eecdc3	#ddb6a6	#cd9f88	#bc896b	#ac724d	#9b5b30	#8b4513
#ffe4e1	#eecdc3	#ddb6a6	#cd9f88	#bc896b	#ac724d	#9b5b30	#8b4513

Kombination von #ffe4e1 und #8b4513
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #8b4513 und #ffe4e1 ergibt sich zu 71.93%. Die Lesbarkeit dieser Kombination ergibt sich zu 28.07%. Auf Hintergrund #ffe4e1 ist #8b4513 ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbwert #ffe4e1				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1	#8b4513	#8b4513	#8b4513	#8b4513
#ffe7e5	#ffe7e5	#dac3c0	#dac3c0	#9b5f34	#9b5f34	#773b10	#773b10
#ffebe9	#ffebe9	#b6a2a0	#b6a2a0	#ac7a56	#ac7a56	#63310d	#63310d
#ffefed	#ffefed	#918280	#918280	#bc9478	#bc9478	#4f270a	#4f270a
#fff3f2	#fff3f2	#6d6160	#6d6160	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#fff7f6	#fff7f6	#484140	#484140	#ddc9bb	#ddc9bb	#271305	#271305
#fffbfa	#fffbfa	#242020	#242020	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffe4e1 und Farbwert #8b4513

Wechsel der Hintergrundfarbe bei Hover bei Tag div

Mit HTML-Befehl <div> wird ein Kontainer erzeugt. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #ffe4e1 auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <div> in Farbwert #ffe4e1 vor.

Wir ändern zum Beispiel bei <div> die Hintergrundfarbe auf Farbwert #ffe4e1. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße erhöhen wir auf 112%.

<style type="text/css"><!--
  div { 
    background-color: #ffe4e1; 
    font-family: sans-serif; 
    font-size: 112%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #8b4513 geändert wird.

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

Einzelheiten des Tag <div>.