Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkolivegreen und Farbe mediumblue

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			Schriftfarbe mediumblue
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift mediumblue
Farbe	:	darkolivegreen	Farbe	:	mediumblue
Farbwert	:	#556b2f	Farbwert	:	#0000cd
HTML	:	darkolivegreen	HTML	:	mediumblue
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#0000cd
CSS	:	darkolivegreen	CSS	:	mediumblue
CSS (Wert)	:	#556b2f	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#556b2f	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(85,107,47)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(33%,41%,18%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe darkolivegreen nach Schriftfarbe mediumblue
#556b2f	#485b45	#3c4c5c	#303d72	#242d89	#181e9f	#0c0fb6	#0000cd
#556b2f	#485b45	#3c4c5c	#303d72	#242d89	#181e9f	#0c0fb6	#0000cd

Kombination von darkolivegreen und mediumblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben mediumblue und darkolivegreen ergibt sich zu 91.07%. Die Lesbarkeit dieser Kombination liegt damit bei 8.93%. mediumblue eignet sich nicht als Schriftfarbe auf Hintergrund darkolivegreen, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe darkolivegreen				Schriftfarbe mediumblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#556b2f	#556b2f	#556b2f	#556b2f	#0000cd	#0000cd	#0000cd	#0000cd
#6d804c	#6d804c	#485b28	#485b28	#2424d4	#2424d4	#0000af	#0000af
#85956a	#85956a	#3c4c21	#3c4c21	#4848db	#4848db	#000092	#000092
#9daa88	#9daa88	#303d1a	#303d1a	#6d6de2	#6d6de2	#000075	#000075
#b6bfa5	#b6bfa5	#242d14	#242d14	#9191e9	#9191e9	#000057	#000057
#ced4c3	#ced4c3	#181e0d	#181e0d	#b6b6f0	#b6b6f0	#00003a	#00003a
#e6e9e1	#e6e9e1	#0c0f06	#0c0f06	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkolivegreen und Farbe mediumblue

Wechsel der Umrandung bei Hover bei HTML-Befehl a

Ein Verweis wird mit Tag <a> gesetzt. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbe darkolivegreen auf Farbe mediumblue ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe darkolivegreen vor.

In diesem Beispiel umranden wir <a> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe darkolivegreen.

<style type="text/css"><!--
  a { 
    border-color: darkolivegreen; 
    border-width: 5px; 
    border-style: outset;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf mediumblue gesetzt wird.

<style type="text/css"><!--
  a: hover { 
    border-color: mediumblue;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Weiteres zum hier verwendeten Befehl <a>.