Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffaf0 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 #fffaf0			Schriftfarbwert #8b4513
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift #8b4513
Farbwert	:	#fffaf0	Farbwert	:	#8b4513
Farbe	:	floralwhite	Farbe	:	saddlebrown
HTML	:	#fffaf0	HTML	:	#8b4513
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#8b4513
CSS	:	#fffaf0	CSS	:	#8b4513
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #8b4513
#fffaf0	#eee0d0	#ddc6b0	#cdac91	#bc9271	#ac7852	#9b5e32	#8b4513
#fffaf0	#eee0d0	#ddc6b0	#cdac91	#bc9271	#ac7852	#9b5e32	#8b4513

Kombination von #fffaf0 und #8b4513
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#8b4513 eignet sich als Schriftfarbe auf Hintergrund #fffaf0. Die Unterschiede in Helligkeit und Farbe sind gut. Die Ähnlichkeit von #8b4513 und #fffaf0 ergibt sich zu 67.51%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 32.49%.

Hintergrundfarbwert #fffaf0				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#8b4513	#8b4513	#8b4513	#8b4513
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#9b5f34	#9b5f34	#773b10	#773b10
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#ac7a56	#ac7a56	#63310d	#63310d
#fffcf6	#fffcf6	#918e89	#918e89	#bc9478	#bc9478	#4f270a	#4f270a
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#fffdfa	#fffdfa	#484744	#484744	#ddc9bb	#ddc9bb	#271305	#271305
#fffefc	#fffefc	#242322	#242322	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffaf0 und Farbwert #8b4513

Wechsel der Umrandung bei Hover mit Tag hr

Die Rahmenfarbe soll sich von Farbwert #fffaf0 auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <hr> in Farbwert #fffaf0 vor.

In diesem Beispiel umranden wir <hr> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #fffaf0.

<style type="text/css"><!--
  hr { border:4px inset #fffaf0; }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #8b4513 gesetzt wird.

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

Weiteres zu hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier gezeigten Tag hr finden Sie in der HTML Referenz unter <hr>.

Füllen und Umranden mit HTML-Tag strike

Bei diesem Beispiel umranden wir <strike> mit einem herausstehenden, 5 Punkte dicken Rahmen in Farbwert #8b4513 . Den Hintergrund von <strike> färben wir mit Farbwert #fffaf0. Das ist mit HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  strike { 
    background-color:#fffaf0; 
    border-color:#8b4513; 
    border-width:5pt; 
    border-style:outset;
  }
//-->
</style>

Mehr zu strike können Sie in Text in HTML finden. Einzelheiten des HTML-Tag strike sind in der HTML Referenz unter <strike> beschrieben.