Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumaquamarine und Farbe peru

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 mediumaquamarine			Schriftfarbe peru
Detail	:	Hintergrund mediumaquamarine	Detail	:	Schrift peru
Farbe	:	mediumaquamarine	Farbe	:	peru
Farbwert	:	#66cdaa	Farbwert	:	#cd853f
HTML	:	mediumaquamarine	HTML	:	peru
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#cd853f
CSS	:	mediumaquamarine	CSS	:	peru
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe mediumaquamarine nach Schriftfarbe peru
#66cdaa	#74c29a	#83b88b	#92ae7c	#a0a36c	#af995d	#be8f4e	#cd853f
#66cdaa	#74c29a	#83b88b	#92ae7c	#a0a36c	#af995d	#be8f4e	#cd853f

Kombination von mediumaquamarine und peru
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben peru und mediumaquamarine beträgt 92.62%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.38%. Auf Hintergrund mediumaquamarine ist peru ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe mediumaquamarine				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#cd853f	#cd853f	#cd853f	#cd853f
#7bd4b6	#7bd4b6	#57af91	#57af91	#d4965a	#d4965a	#af7236	#af7236
#91dbc2	#91dbc2	#489279	#489279	#dba775	#dba775	#925f2d	#925f2d
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#e2b991	#e2b991	#754c24	#754c24
#bde9da	#bde9da	#2b5748	#2b5748	#e9caac	#e9caac	#57391b	#57391b
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumaquamarine und Farbe peru

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag textarea

Die Hintergrundfarbe soll sich von Farbe mediumaquamarine auf Farbe peru ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <textarea> in Farbe mediumaquamarine vor.

Für dieses Beispiel legen wir Farbe mediumaquamarine als Hintergrundfarbe von <textarea> fest.

<style type="text/css"><!--
  textarea { 
    background-color: mediumaquamarine;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu peru ändert.

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

Weiteres zum Thema können Sie in Formulare in HTML lesen. Weiteres zum Tag <textarea>.