Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #ffa07a

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 #66cdaa			Schriftfarbwert #ffa07a
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #ffa07a
Farbwert	:	#66cdaa	Farbwert	:	#ffa07a
Farbe	:	mediumaquamarine	Farbe	:	lightsalmon
HTML	:	#66cdaa	HTML	:	#ffa07a
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#ffa07a
CSS	:	#66cdaa	CSS	:	#ffa07a
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #ffa07a
#66cdaa	#7bc6a3	#91c09c	#a7b995	#bdb38e	#d3ac87	#e9a680	#ffa07a
#66cdaa	#7bc6a3	#91c09c	#a7b995	#bdb38e	#d3ac87	#e9a680	#ffa07a

Kombination von #66cdaa und #ffa07a
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ffa07a eignet sich nicht als Schriftfarbe auf Hintergrund #66cdaa, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ffa07a und #66cdaa beträgt 95.10%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 4.90%.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#7bd4b6	#7bd4b6	#57af91	#57af91	#ffad8d	#ffad8d	#da8968	#da8968
#91dbc2	#91dbc2	#489279	#489279	#ffbba0	#ffbba0	#b67257	#b67257
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#ffc8b3	#ffc8b3	#915b45	#915b45
#bde9da	#bde9da	#2b5748	#2b5748	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#ffe3d9	#ffe3d9	#482d22	#482d22
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbwert #ffa07a

Wechsel der Textfarbe bei Hover mit Tag p

Die Textfarbe soll sich von Farbwert #66cdaa auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbwert #66cdaa vor.

Für dieses Beispiel legen wir die Textfarbe von <p> auf Farbwert #66cdaa fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 9px:

<style type="text/css"><!--
  p { 
    color:#66cdaa; 
    font-size:9px; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffa07a geändert wird.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier genutzten HTML-Tag p lesen Sie in der HTML Referenz unter <p>.

Hintergrund/Text-Kombination bei HTML-Tag textarea

Wir ändern hier die Textfarbe von <textarea> auf Farbwert #ffa07a und die Hintergrundfarbe von <textarea> auf Farbwert #66cdaa. Als Schriftart setzen wir verdana. Als Schriftgröße setzen wir 9px.

<style type="text/css"><!--
  textarea { 
    color: #ffa07a; 
    font-family: verdana; 
    background-color: #66cdaa; 
    font-size: 9px;
  }
//-->
</style>

Weiteres zu textarea können Sie in Formulare in HTML lesen. Der HTML-Tag textarea ist in der HTML Referenz bei <textarea> ausführlich gezeigt.