Ressourcen: 120 HTML Farbnamen - Kombination von Farbe violet und Farbe darkolivegreen

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 violet			Schriftfarbe darkolivegreen
Detail	:	Hintergrund violet	Detail	:	Schrift darkolivegreen
Farbe	:	violet	Farbe	:	darkolivegreen
Farbwert	:	#ee82ee	Farbwert	:	#556b2f
HTML	:	violet	HTML	:	darkolivegreen
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#556b2f
CSS	:	violet	CSS	:	darkolivegreen
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbe violet nach Schriftfarbe darkolivegreen
#ee82ee	#d87ed2	#c27bb7	#ac789c	#967480	#807165	#6a6e4a	#556b2f
#ee82ee	#d87ed2	#c27bb7	#ac789c	#967480	#807165	#6a6e4a	#556b2f

Kombination von violet und darkolivegreen
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben darkolivegreen und violet ergibt sich zu 87.78%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.22%. Auf Hintergrund violet ist darkolivegreen ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe violet				Schriftfarbe darkolivegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#556b2f	#556b2f	#556b2f	#556b2f
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#6d804c	#6d804c	#485b28	#485b28
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#85956a	#85956a	#3c4c21	#3c4c21
#f5b7f5	#f5b7f5	#884a88	#884a88	#9daa88	#9daa88	#303d1a	#303d1a
#f7c9f7	#f7c9f7	#663766	#663766	#b6bfa5	#b6bfa5	#242d14	#242d14
#fadbfa	#fadbfa	#442544	#442544	#ced4c3	#ced4c3	#181e0d	#181e0d
#fcedfc	#fcedfc	#221222	#221222	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbe darkolivegreen

Hintergrund/Text-Kombination mit Tag a

Einen Verweis erzeugt man mit HTML-Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbe darkolivegreen und die Hintergrundfarbe von <a> auf Farbe violet. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 13px.

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

Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des Befehl a lesen Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover von HTML-Befehl dfn

Die Rahmenfarbe soll sich von Farbe violet auf Farbe darkolivegreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dfn> in Farbe violet vor.

In diesem Beispiel umranden wir <dfn> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe violet.

<style type="text/css"><!--
  dfn { border:2px inset violet; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu darkolivegreen ändert.

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

Mehr zum Thema dfn finden Sie in Text in HTML. Weiteres zum hier genutzten HTML-Tag <dfn>.