Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkolivegreen und Farbwert #faebd7

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.

Hintergrundfarbe darkolivegreen			Schriftfarbwert #faebd7
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift #faebd7
Farbe	:	darkolivegreen	Farbwert	:	#faebd7
Farbwert	:	#556b2f	Farbe	:	antiquewhite
HTML	:	darkolivegreen	HTML	:	#faebd7
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#faebd7
CSS	:	darkolivegreen	CSS	:	#faebd7
CSS (Wert)	:	#556b2f	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#556b2f	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(85,107,47)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(33%,41%,18%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe darkolivegreen nach Schriftfarbwert #faebd7
#556b2f	#6c7d47	#848f5f	#9ba177	#b3b48f	#cac6a7	#e2d8bf	#faebd7
#556b2f	#6c7d47	#848f5f	#9ba177	#b3b48f	#cac6a7	#e2d8bf	#faebd7

Kombination von darkolivegreen und #faebd7
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.				Auf Hintergrund darkolivegreen ist #faebd7 ungeeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit der Farben #faebd7 und darkolivegreen ergibt sich zu 75.82%. Die Lesbarkeit dieser Kombination ergibt sich zu 24.18%.

Hintergrundfarbe darkolivegreen				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#556b2f	#556b2f	#556b2f	#556b2f	#faebd7	#faebd7	#faebd7	#faebd7
#6d804c	#6d804c	#485b28	#485b28	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#85956a	#85956a	#3c4c21	#3c4c21	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#9daa88	#9daa88	#303d1a	#303d1a	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#b6bfa5	#b6bfa5	#242d14	#242d14	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#ced4c3	#ced4c3	#181e0d	#181e0d	#fdf9f3	#fdf9f3	#47433d	#47433d
#e6e9e1	#e6e9e1	#0c0f06	#0c0f06	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkolivegreen und Farbwert #faebd7

Füllen und Umranden von HTML-Tag a

Einen Link setzen Sie mit Tag <a>. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem gefurchten, 1 Punkte dicken Rahmen in Farbwert #faebd7 . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbe darkolivegreen. Mit HTML ist das kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { border:1pt groove #faebd7; background-color:darkolivegreen; }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Weiteres zum HTML-Tag <a>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe darkolivegreen auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbe darkolivegreen vor.

Wir legen in diesem Beispiel Farbe darkolivegreen als Hintergrundfarbe von <dd> fest. Die Schriftgröße setzen wir auf 13px:

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

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #faebd7 geändert wird.

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

Mehr zum Thema dd können Sie in Listen und Glossare in HTML nachsehen. Möglichkeiten vom hier gezeigten HTML-Tag <dd>.