Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #afeeee und Farbwert #f0e68c

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 #afeeee			Schriftfarbwert #f0e68c
Detail	:	Hintergrund #afeeee	Detail	:	Schrift #f0e68c
Farbwert	:	#afeeee	Farbwert	:	#f0e68c
Farbe	:	paleturquoise	Farbe	:	khaki
HTML	:	#afeeee	HTML	:	#f0e68c
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#f0e68c
CSS	:	#afeeee	CSS	:	#f0e68c
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #afeeee nach Schriftfarbwert #f0e68c
#afeeee	#b8ece0	#c1ebd2	#caeac4	#d4e9b6	#dde8a8	#e6e79a	#f0e68c
#afeeee	#b8ece0	#c1ebd2	#caeac4	#d4e9b6	#dde8a8	#e6e79a	#f0e68c

Kombination von #afeeee und #f0e68c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Auf Hintergrund #afeeee ist #f0e68c ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #f0e68c und #afeeee ergibt sich zu 95.20%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.80%.

Hintergrundfarbwert #afeeee				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#baf0f0	#baf0f0	#96cccc	#96cccc	#f2e99c	#f2e99c	#cdc578	#cdc578
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#f4edac	#f4edac	#aba464	#aba464
#d1f5f5	#d1f5f5	#648888	#648888	#f6f0bd	#f6f0bd	#898350	#898350
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#f8f4cd	#f8f4cd	#66623c	#66623c
#e8fafa	#e8fafa	#324444	#324444	#faf7de	#faf7de	#444128	#444128
#f3fcfc	#f3fcfc	#192222	#192222	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #afeeee und Farbwert #f0e68c

Wechsel der Textfarbe bei Hover von HTML-Tag p

Die Textfarbe soll sich von Farbwert #afeeee auf Farbwert #f0e68c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <p> in Farbwert #afeeee vor.

Hier legen wir Farbwert #afeeee als Textfarbe von <p> fest und setzen die Schriftgröße auf 13px:

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

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #f0e68c ändert.

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

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier verwendeten HTML-Tag <p>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag center

Die Hintergrundfarbe soll sich von Farbwert #afeeee auf Farbwert #f0e68c ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbwert #afeeee vor.

Zum Beispiel legen wir Farbwert #afeeee als Hintergrundfarbe von <center> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif und verringern die Größe der Schrift auf 83%:

<style type="text/css"><!--
  center { 
    background-color:#afeeee; 
    font-family:sans-serif; 
    font-size:83%;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #f0e68c geändert wird.

<style type="text/css"><!--
  center:hover { 
    background-color:#f0e68c;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der Tag center ist in der HTML Referenz unter <center> zusammengestellt.