Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6b8e23 und Farbwert #e9967a

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #6b8e23			Schriftfarbwert #e9967a
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift #e9967a
Farbwert	:	#6b8e23	Farbwert	:	#e9967a
Farbe	:	olivedrab	Farbe	:	darksalmon
HTML	:	#6b8e23	HTML	:	#e9967a
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#e9967a
CSS	:	#6b8e23	CSS	:	#e9967a
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #e9967a
#6b8e23	#7d8f2f	#8f903b	#a19148	#b39254	#c59361	#d7946d	#e9967a
#6b8e23	#7d8f2f	#8f903b	#a19148	#b39254	#c59361	#d7946d	#e9967a

Kombination von #6b8e23 und #e9967a
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 #e9967a und #6b8e23 beträgt 92.14%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.86%. #e9967a eignet sich nicht als Schriftfarbe auf Hintergrund #6b8e23. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #6b8e23				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#e9967a	#e9967a	#e9967a	#e9967a
#809e42	#809e42	#5b791e	#5b791e	#eca58d	#eca58d	#c78068	#c78068
#95ae61	#95ae61	#4c6519	#4c6519	#efb4a0	#efb4a0	#a66b57	#a66b57
#aabe81	#aabe81	#3d5114	#3d5114	#f2c3b3	#f2c3b3	#855545	#855545
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#f5d2c6	#f5d2c6	#634034	#634034
#d4dec0	#d4dec0	#1e280a	#1e280a	#f8e1d9	#f8e1d9	#422a22	#422a22
#e9eedf	#e9eedf	#0f1405	#0f1405	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover mit HTML-Tag dd

Die Textfarbe soll sich von Farbwert #6b8e23 auf Farbwert #e9967a ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbwert #6b8e23 vor.

Wir ändern für dieses Beispiel bei <dd> die Textfarbe auf Farbwert #6b8e23:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #e9967a gesetzt wird.

<style type="text/css"><!--
  dd:hover { 
    color:#e9967a;
  }
//-->
</style>

Weiteres zu dd erfahren Sie in Listen und Glossare in HTML. Mehr zum Befehl <dd>.

Text- und Unterstreichungsfarben bei HTML-Tag a

Ein Link wird mit Befehl <a> erzeugt. Dieser kann farblich gestaltet werden.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #e9967a und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 90%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #6b8e23. Dies geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    color: #e9967a; 
    font-size: 90%; 
    font-family: verdana; 
    border-bottom: 5pt double #6b8e23;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum HTML-Befehl <a>.