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

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 #9400d3
Detail	:	Hintergrund #228b22	Detail	:	Schrift #9400d3
Farbwert	:	#228b22	Farbwert	:	#9400d3
Farbe	:	forestgreen	Farbe	:	darkviolet
HTML	:	#228b22	HTML	:	#9400d3
HTML (Wert)	:	#228b22	HTML (Wert)	:	#9400d3
CSS	:	#228b22	CSS	:	#9400d3
CSS (Wert)	:	#228b22	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbwert #228b22 nach Schriftfarbwert #9400d3
#228b22	#32773b	#426354	#524f6d	#633b87	#7327a0	#8313b9	#9400d3
#228b22	#32773b	#426354	#524f6d	#633b87	#7327a0	#8313b9	#9400d3

Kombination von #228b22 und #9400d3
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#9400d3 eignet sich nicht als Schriftfarbe auf Hintergrund #228b22. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #9400d3 und #228b22 beträgt 92.88%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.12%.

Hintergrundfarbwert #228b22				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#9400d3	#9400d3	#9400d3	#9400d3
#419b41	#419b41	#1d771d	#1d771d	#a324d9	#a324d9	#7e00b4	#7e00b4
#61ac61	#61ac61	#186318	#186318	#b248df	#b248df	#690096	#690096
#80bc80	#80bc80	#134f13	#134f13	#c16de5	#c16de5	#540078	#540078
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#d191ec	#d191ec	#3f005a	#3f005a
#bfddbf	#bfddbf	#092709	#092709	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#dfeedf	#dfeedf	#041304	#041304	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #228b22 und Farbwert #9400d3

Wechsel der Textfarbe bei Hover mit Tag tbody

Die Textfarbe soll sich von Farbwert #228b22 auf Farbwert #9400d3 ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst eine Darstellung von <tbody> in Farbwert #228b22 vor.

Als Beispiel legen wir bei <tbody> die Textfarbe auf Farbwert #228b22 fest und ändern die Größe der Schrift auf 13px.

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

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #9400d3 gesetzt wird.

<style type="text/css"><!--
  tbody:hover { 
    color:#9400d3;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Mehr zum Tag <tbody>.

Hintergrund/Text-Kombination bei HTML-Befehl input

Für dieses Beispiel ändern wir die Textfarbe von <input> auf Farbwert #9400d3 und die Hintergrundfarbe von <input> auf Farbwert #228b22. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße setzen wir 95%.

<style type="text/css"><!--
  input { 
    font-size: 95%; 
    font-family: sans-serif; 
    color: #9400d3; 
    background-color: #228b22;
  }
//-->
</style>

Mehr zum Thema input können Sie in Formulare in HTML erfahren. Der Tag input ist in der HTML Referenz bei <input> zusammengestellt.