Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkolivegreen und Farbwert #0000cd

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 #0000cd
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift #0000cd
Farbe	:	darkolivegreen	Farbwert	:	#0000cd
Farbwert	:	#556b2f	Farbe	:	mediumblue
HTML	:	darkolivegreen	HTML	:	#0000cd
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#0000cd
CSS	:	darkolivegreen	CSS	:	#0000cd
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 Schriftfarbwert #0000cd
#556b2f	#485b45	#3c4c5c	#303d72	#242d89	#181e9f	#0c0fb6	#0000cd
#556b2f	#485b45	#3c4c5c	#303d72	#242d89	#181e9f	#0c0fb6	#0000cd

Kombination von darkolivegreen und #0000cd
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante.				#0000cd ist nicht als Schriftfarbe auf Hintergrund darkolivegreen geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #0000cd und darkolivegreen beträgt 91.07%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.93%.

Hintergrundfarbe darkolivegreen				Schriftfarbwert #0000cd
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

Beispiele zur Kombination von Farbe darkolivegreen und Farbwert #0000cd

Wechsel der Textfarbe bei Hover bei HTML-Befehl legend

Die Textfarbe soll sich von Farbe darkolivegreen auf Farbwert #0000cd ändern, wenn man mit der Maus auf <legend> zeigt. Wir bereiten zunächst die Formatierung von <legend> in Farbe darkolivegreen vor.

Wir legen für dieses Beispiel Farbe darkolivegreen als Textfarbe von <legend> fest:

<style type="text/css"><!--
  legend { 
    color:darkolivegreen;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #0000cd ändert.

<style type="text/css"><!--
  legend:hover { 
    color:#0000cd;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML finden. Mehr zum HTML-Befehl legend ist in der HTML Referenz bei <legend> ausführlich gezeigt.

Füllen und Umranden mit Befehl dt

In diesem Beispiel umranden wir <dt> mit einem doppelten, 1 Punkte dicken Rahmen in Farbwert #0000cd . Die Hintergrundfarbe für <dt> setzen wir auf Farbe darkolivegreen. Mit HTML geht das kaum. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  dt { 
    border-color:#0000cd; 
    border-style:double; 
    background-color:darkolivegreen; 
    border-width:1pt;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Der HTML-Befehl dt ist in der HTML Referenz unter <dt> genau gezeigt.