Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fff5ee und Farbwert #6b8e23

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 #fff5ee			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #fff5ee	Detail	:	Schrift #6b8e23
Farbwert	:	#fff5ee	Farbwert	:	#6b8e23
Farbe	:	seashell	Farbe	:	olivedrab
HTML	:	#fff5ee	HTML	:	#6b8e23
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#6b8e23
CSS	:	#fff5ee	CSS	:	#6b8e23
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #fff5ee nach Schriftfarbwert #6b8e23
#fff5ee	#e9e6d1	#d4d7b4	#bfc897	#aaba7a	#95ab5d	#809c40	#6b8e23
#fff5ee	#e9e6d1	#d4d7b4	#bfc897	#aaba7a	#95ab5d	#809c40	#6b8e23

Kombination von #fff5ee und #6b8e23
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 #6b8e23 und #fff5ee ergibt sich zu 83.13%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 16.87%. #6b8e23 eignet sich nicht als Schriftfarbe auf Hintergrund #fff5ee, weil der Farbunterschied zu gering ist

Hintergrundfarbwert #fff5ee				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#809e42	#809e42	#5b791e	#5b791e
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#95ae61	#95ae61	#4c6519	#4c6519
#fff9f5	#fff9f5	#918c88	#918c88	#aabe81	#aabe81	#3d5114	#3d5114
#fffaf7	#fffaf7	#6d6966	#6d6966	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fffcfa	#fffcfa	#484644	#484644	#d4dec0	#d4dec0	#1e280a	#1e280a
#fffdfc	#fffdfc	#242322	#242322	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff5ee und Farbwert #6b8e23

Wechsel der Umrandung bei Hover bei Tag hr

Die Rahmenfarbe soll sich von Farbwert #fff5ee auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <hr> in Farbwert #fff5ee vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #fff5ee.

<style type="text/css"><!--
  hr { border:5px groove #fff5ee; }
//-->
</style>

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

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

Mehr zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des HTML-Tag <hr>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl ins

Die Textfarbe soll sich von Farbwert #fff5ee auf Farbwert #6b8e23 ändern, wenn man mit der Maus auf <ins> zeigt. Bereiten wir zunächst die Formatierung von <ins> in Farbwert #fff5ee vor.

Wir legen zum Beispiel Farbwert #fff5ee als Textfarbe von <ins> fest. Die Schriftgröße setzen wir auf 90%.

<style type="text/css"><!--
  ins { 
    font-size:90%; 
    color:#fff5ee;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #6b8e23 gesetzt wird.

<style type="text/css"><!--
  ins: hover { 
    color: #6b8e23;
  }
//-->
</style>

Die Beschreibung des hier verwendeten Tag ins lesen Sie in der HTML Referenz unter <ins>.