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

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			Schriftfarbe powderblue
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift powderblue
Farbwert	:	#66cdaa	Farbe	:	powderblue
Farbe	:	mediumaquamarine	Farbwert	:	#b0e0e6
HTML	:	#66cdaa	HTML	:	powderblue
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#b0e0e6
CSS	:	#66cdaa	CSS	:	powderblue
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbe powderblue
#66cdaa	#70cfb2	#7bd2bb	#85d5c3	#90d7cc	#9adad4	#a5dddd	#b0e0e6
#66cdaa	#70cfb2	#7bd2bb	#85d5c3	#90d7cc	#9adad4	#a5dddd	#b0e0e6

Kombination von #66cdaa und powderblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				powderblue eignet sich nicht als Schriftfarbe auf Hintergrund #66cdaa, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben powderblue und #66cdaa beträgt 93.59%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.41%.

Hintergrundfarbwert #66cdaa				Schriftfarbe powderblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#7bd4b6	#7bd4b6	#57af91	#57af91	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#91dbc2	#91dbc2	#489279	#489279	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#d1edf0	#d1edf0	#648083	#648083
#bde9da	#bde9da	#2b5748	#2b5748	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#e8f6f7	#e8f6f7	#324041	#324041
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #66cdaa und Farbe powderblue

Wechsel der Textfarbe bei Hover von Befehl select

Die Textfarbe soll sich von Farbwert #66cdaa auf Farbe powderblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <select> in Farbwert #66cdaa vor.

Wir ändern als Beispiel die Textfarbe von <select> auf Farbwert #66cdaa. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße vergrößern wir auf 112%:

<style type="text/css"><!--
  select { 
    font-size: 112%; 
    font-family: sans-serif; 
    color: #66cdaa;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe zu powderblue ändert.

<style type="text/css"><!--
  select:hover { 
    color:powderblue;
  }
//-->
</style>

Weiteres zum Thema select können Sie in Formulare in HTML nachsehen. Beschreibung des HTML-Befehl <select>.