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

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 #6b8e23			Schriftfarbwert #fffaf0
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift #fffaf0
Farbwert	:	#6b8e23	Farbwert	:	#fffaf0
Farbe	:	olivedrab	Farbe	:	floralwhite
HTML	:	#6b8e23	HTML	:	#fffaf0
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#fffaf0
CSS	:	#6b8e23	CSS	:	#fffaf0
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #fffaf0
#6b8e23	#809d40	#95ac5d	#aabc7a	#bfcb98	#d4dbb5	#e9ead2	#fffaf0
#6b8e23	#809d40	#95ac5d	#aabc7a	#bfcb98	#d4dbb5	#e9ead2	#fffaf0

Kombination von #6b8e23 und #fffaf0
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #fffaf0 und #6b8e23 ergibt sich zu 82.58%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 17.42%. Auf Hintergrund #6b8e23 ist #fffaf0 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #6b8e23				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#809e42	#809e42	#5b791e	#5b791e	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#95ae61	#95ae61	#4c6519	#4c6519	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#aabe81	#aabe81	#3d5114	#3d5114	#fffcf6	#fffcf6	#918e89	#918e89
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#d4dec0	#d4dec0	#1e280a	#1e280a	#fffdfa	#fffdfa	#484744	#484744
#e9eedf	#e9eedf	#0f1405	#0f1405	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag label

Die Hintergrundfarbe soll sich von Farbwert #6b8e23 auf Farbwert #fffaf0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <label> in Farbwert #6b8e23 vor.

In diesem Beispiel ändern wir die Hintergrundfarbe von <label> auf Farbwert #6b8e23.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #fffaf0 gesetzt wird.

<style type="text/css"><!--
  label: hover { 
    background-color: #fffaf0;
  }
//-->
</style>

Weiteres zum Thema label können Sie in Formulare in HTML nachsehen. Möglichkeiten vom HTML-Tag label lesen Sie in der HTML Referenz unter <label>.

Text- und Unterstreichungsfarben bei HTML-Tag h6

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

Wir ändern Hher die Textfarbe von <h6> auf Farbwert #fffaf0. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße verkleinern wir auf 86%. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gefurchten Rahmens mit 1 Pixel Dicke in Farbwert #6b8e23. Das geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h6 { 
    color: #fffaf0; 
    border-bottom-color: #6b8e23; 
    border-bottom-width: 1px; 
    font-size: 86%; 
    font-family: sans-serif; 
    border-bottom-style: groove;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier verwendeten Tag <h6>.