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

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 #b0e0e6
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift #b0e0e6
Farbwert	:	#6b8e23	Farbwert	:	#b0e0e6
Farbe	:	olivedrab	Farbe	:	powderblue
HTML	:	#6b8e23	HTML	:	#b0e0e6
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#b0e0e6
CSS	:	#6b8e23	CSS	:	#b0e0e6
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #b0e0e6
#6b8e23	#74993e	#7ea55a	#88b176	#92bc92	#9cc8ae	#a6d4ca	#b0e0e6
#6b8e23	#74993e	#7ea55a	#88b176	#92bc92	#9cc8ae	#a6d4ca	#b0e0e6

Kombination von #6b8e23 und #b0e0e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#b0e0e6 eignet sich nicht als Schriftfarbe auf Hintergrund #6b8e23, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #b0e0e6 und #6b8e23 ergibt sich zu 87.36%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 12.64%.

Hintergrundfarbwert #6b8e23				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#809e42	#809e42	#5b791e	#5b791e	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#95ae61	#95ae61	#4c6519	#4c6519	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#aabe81	#aabe81	#3d5114	#3d5114	#d1edf0	#d1edf0	#648083	#648083
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#d4dec0	#d4dec0	#1e280a	#1e280a	#e8f6f7	#e8f6f7	#324041	#324041
#e9eedf	#e9eedf	#0f1405	#0f1405	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von HTML-Tag abbr

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

Wir setzen für dieses Beispiel die Textfarbe von <abbr> auf Farbwert #6b8e23. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf sans-serif und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  abbr { 
    font-size: 13px; 
    font-family: sans-serif; 
    color: #6b8e23;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #b0e0e6 gesetzt wird.

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

Die Beschreibung des Befehl abbr erfahren Sie in der HTML Referenz unter <abbr>.

Text- und Unterstreichungsfarben mit HTML-Befehl h4

Mit Tag <h4> setzen Sie eine Überschrift. Diese kann man farblich gestalten.

Wir ändern Hher die Textfarbe von <h4> auf Farbwert #b0e0e6. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gestrichelten Rahmens mit 4 Punkte Dicke in Farbwert #6b8e23. Das ist mit HTML nicht möglich. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  h4 { 
    font-family:monospace; 
    border-bottom-color:#6b8e23; 
    color:#b0e0e6; 
    border-bottom-style:dashed; 
    font-size:13px; 
    border-bottom-width:4pt;
  }
//-->
</style>

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

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung vom hier gezeigten HTML-Tag <h4>.