Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #228b22 und Farbe palegoldenrod

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.

Hintergrundfarbwert #228b22			Schriftfarbe palegoldenrod
Detail	:	Hintergrund #228b22	Detail	:	Schrift palegoldenrod
Farbwert	:	#228b22	Farbe	:	palegoldenrod
Farbe	:	forestgreen	Farbwert	:	#eee8aa
HTML	:	#228b22	HTML	:	palegoldenrod
HTML (Wert)	:	#228b22	HTML (Wert)	:	#eee8aa
CSS	:	#228b22	CSS	:	palegoldenrod
CSS (Wert)	:	#228b22	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #228b22 nach Schriftfarbe palegoldenrod
#228b22	#3f9835	#5ca548	#79b25c	#96c06f	#b3cd83	#d0da96	#eee8aa
#228b22	#3f9835	#5ca548	#79b25c	#96c06f	#b3cd83	#d0da96	#eee8aa

Kombination von #228b22 und palegoldenrod
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben palegoldenrod und #228b22 ergibt sich zu 83.32%. Die Lesbarkeit dieser Farbkombination liegt damit bei 16.68%. Auf Hintergrund #228b22 ist palegoldenrod ungeeignet, da der Farbunterschied nicht ausreichend ist

Hintergrundfarbwert #228b22				Schriftfarbe palegoldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#419b41	#419b41	#1d771d	#1d771d	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#61ac61	#61ac61	#186318	#186318	#f2eec2	#f2eec2	#aaa579	#aaa579
#80bc80	#80bc80	#134f13	#134f13	#f5f1ce	#f5f1ce	#888461	#888461
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#f7f5da	#f7f5da	#666348	#666348
#bfddbf	#bfddbf	#092709	#092709	#faf8e6	#faf8e6	#444230	#444230
#dfeedf	#dfeedf	#041304	#041304	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #228b22 und Farbe palegoldenrod

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl pre

Die Hintergrundfarbe soll sich von Farbwert #228b22 auf Farbe palegoldenrod ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbwert #228b22 vor.

Wir legen als Beispiel Farbwert #228b22 als Hintergrundfarbe von <pre> fest.

<style type="text/css"><!--
  pre { 
    background-color: #228b22;
  }
//-->
</style>

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

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

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Tag <pre>.