Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkolivegreen und Farbwert #4682b4

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.

Hintergrundfarbe darkolivegreen			Schriftfarbwert #4682b4
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift #4682b4
Farbe	:	darkolivegreen	Farbwert	:	#4682b4
Farbwert	:	#556b2f	Farbe	:	steelblue
HTML	:	darkolivegreen	HTML	:	#4682b4
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#4682b4
CSS	:	darkolivegreen	CSS	:	#4682b4
CSS (Wert)	:	#556b2f	CSS (Wert)	:	#4682b4
CSS (kürzest)	:	#556b2f	CSS (kürzest)	:	#4682b4
CSS (RGB)	:	rgb(85,107,47)	CSS (RGB)	:	rgb(70,130,180)
CSS (%RGB)	:	rgb(33%,41%,18%)	CSS (%RGB)	:	rgb(27%,50%,70%)

Verlauf Hintergrundfarbe darkolivegreen nach Schriftfarbwert #4682b4
#556b2f	#526e42	#507155	#4e7468	#4c787b	#4a7b8e	#487ea1	#4682b4
#556b2f	#526e42	#507155	#4e7468	#4c787b	#4a7b8e	#487ea1	#4682b4

Kombination von darkolivegreen und #4682b4
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 der Farben #4682b4 und darkolivegreen beträgt 93.10%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.90%. Auf Hintergrund darkolivegreen ist #4682b4 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe darkolivegreen				Schriftfarbwert #4682b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#556b2f	#556b2f	#556b2f	#556b2f	#4682b4	#4682b4	#4682b4	#4682b4
#6d804c	#6d804c	#485b28	#485b28	#6093be	#6093be	#3c6f9a	#3c6f9a
#85956a	#85956a	#3c4c21	#3c4c21	#7aa5c9	#7aa5c9	#325c80	#325c80
#9daa88	#9daa88	#303d1a	#303d1a	#95b7d4	#95b7d4	#284a66	#284a66
#b6bfa5	#b6bfa5	#242d14	#242d14	#afc9de	#afc9de	#1e374d	#1e374d
#ced4c3	#ced4c3	#181e0d	#181e0d	#cadbe9	#cadbe9	#142533	#142533
#e6e9e1	#e6e9e1	#0c0f06	#0c0f06	#e4edf4	#e4edf4	#0a1219	#0a1219
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkolivegreen und Farbwert #4682b4

Füllen und Umranden mit Tag table

Hier umranden wir <table> mit einem gepunkteten, 5 Pixel dicken Rahmen in Farbwert #4682b4 . Die Hintergrundfarbe für <table> färben wir entsprechend mit Farbe darkolivegreen. Mit HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  table { 
    border-color:#4682b4; 
    background-color:darkolivegreen; 
    border-width:5px; 
    border-style:dotted;
  }
//-->
</style>

Weiteres zum Thema table können Sie in Tabellen in HTML finden. Zur Beschreibung vom Befehl <table>.

Wechsel der Textfarbe bei Hover von HTML-Tag a

Mit Befehl <a> setzen Sie einen Link und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe darkolivegreen auf Farbwert #4682b4 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe darkolivegreen vor.

Wir legen zum Beispiel Farbe darkolivegreen als Textfarbe von <a> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  a { 
    font-family:monospace; 
    font-size:13px; 
    color:darkolivegreen;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #4682b4 gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    color:#4682b4;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Die Beschreibung vom Befehl a lesen Sie in der HTML Referenz unter <a>.