Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue und Farbe forestgreen

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 darkslateblue			Schriftfarbe forestgreen
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift forestgreen
Farbe	:	darkslateblue	Farbe	:	forestgreen
Farbwert	:	#483d8b	Farbwert	:	#228b22
HTML	:	darkslateblue	HTML	:	forestgreen
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#228b22
CSS	:	darkslateblue	CSS	:	forestgreen
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbe darkslateblue nach Schriftfarbe forestgreen
#483d8b	#42487c	#3d536d	#375e5e	#32694f	#2c7440	#277f31	#228b22
#483d8b	#42487c	#3d536d	#375e5e	#32694f	#2c7440	#277f31	#228b22

Kombination von darkslateblue und forestgreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				forestgreen ist nicht als Schriftfarbe auf Hintergrund darkslateblue geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von forestgreen und darkslateblue ergibt sich zu 90.16%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.84%.

Hintergrundfarbe darkslateblue				Schriftfarbe forestgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#228b22	#228b22	#228b22	#228b22
#62589b	#62589b	#3d3477	#3d3477	#419b41	#419b41	#1d771d	#1d771d
#7c74ac	#7c74ac	#332b63	#332b63	#61ac61	#61ac61	#186318	#186318
#9690bc	#9690bc	#29224f	#29224f	#80bc80	#80bc80	#134f13	#134f13
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#cac7dd	#cac7dd	#141127	#141127	#bfddbf	#bfddbf	#092709	#092709
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkslateblue und Farbe forestgreen

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

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

Die Hintergrundfarbe soll sich von Farbe darkslateblue auf Farbe forestgreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbe darkslateblue vor.

Wir legen als Beispiel Farbe darkslateblue als Hintergrundfarbe von <a> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana. Die Schriftgröße ändern wir auf 11px:

<style type="text/css"><!--
  a { 
    background-color: darkslateblue; 
    font-family: verdana; 
    font-size: 11px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf forestgreen ändert.

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

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten vom HTML-Tag a finden Sie in der HTML Referenz unter <a>.