Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #228b22 und Farbwert #fffff0

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.

Hintergrundfarbwert #228b22			Schriftfarbwert #fffff0
Detail	:	Hintergrund #228b22	Detail	:	Schrift #fffff0
Farbwert	:	#228b22	Farbwert	:	#fffff0
Farbe	:	forestgreen	Farbe	:	ivory
HTML	:	#228b22	HTML	:	#fffff0
HTML (Wert)	:	#228b22	HTML (Wert)	:	#fffff0
CSS	:	#228b22	CSS	:	#fffff0
CSS (Wert)	:	#228b22	CSS (Wert)	:	#fffff0
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#fffff0
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(255,255,240)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(100%,100%,94%)

Verlauf Hintergrundfarbwert #228b22 nach Schriftfarbwert #fffff0
#228b22	#419b3f	#61ac5c	#80bc7a	#a0cd97	#bfddb5	#dfeed2	#fffff0
#228b22	#419b3f	#61ac5c	#80bc7a	#a0cd97	#bfddb5	#dfeed2	#fffff0

Kombination von #228b22 und #fffff0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#fffff0 eignet sich als Schriftfarbe auf Hintergrund #228b22, da der Helligkeitsunterschied gut ist, der Farbenunterschied ebenso. Die Ähnlichkeit von #fffff0 und #228b22 ergibt sich zu 79.28%. Die Lesbarkeit dieser Kombination bewerte ich mit 20.72%.

Hintergrundfarbwert #228b22				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#fffff0	#fffff0	#fffff0	#fffff0
#419b41	#419b41	#1d771d	#1d771d	#fffff2	#fffff2	#dadacd	#dadacd
#61ac61	#61ac61	#186318	#186318	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#80bc80	#80bc80	#134f13	#134f13	#fffff6	#fffff6	#919189	#919189
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#fffff8	#fffff8	#6d6d66	#6d6d66
#bfddbf	#bfddbf	#092709	#092709	#fffffa	#fffffa	#484844	#484844
#dfeedf	#dfeedf	#041304	#041304	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #228b22 und Farbwert #fffff0

Wechsel der Textfarbe bei Hover mit Befehl samp

Die Textfarbe soll sich von Farbwert #228b22 auf Farbwert #fffff0 ändern, wenn man mit der Maus auf <samp> zeigt. Wir bereiten zunächst die Formatierung von <samp> in Farbwert #228b22 vor.

Für dieses Beispiel legen wir die Textfarbe von <samp> auf Farbwert #228b22 fest und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  samp { 
    font-size: 13px; 
    color: #228b22;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #fffff0 gesetzt wird.

<style type="text/css"><!--
  samp:hover { 
    color:#fffff0;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Text in HTML. Weiteres zum HTML-Befehl <samp>.