Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #afeeee und Farbwert #006400

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 #afeeee			Schriftfarbwert #006400
Detail	:	Hintergrund #afeeee	Detail	:	Schrift #006400
Farbwert	:	#afeeee	Farbwert	:	#006400
Farbe	:	paleturquoise	Farbe	:	darkgreen
HTML	:	#afeeee	HTML	:	#006400
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#006400
CSS	:	#afeeee	CSS	:	#006400
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#006400
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbwert #afeeee nach Schriftfarbwert #006400
#afeeee	#96dacc	#7dc6aa	#64b288	#4b9f66	#328b44	#197722	#006400
#afeeee	#96dacc	#7dc6aa	#64b288	#4b9f66	#328b44	#197722	#006400

Kombination von #afeeee und #006400
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #006400 und #afeeee ergibt sich zu 72.53%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 27.47%. #006400 eignet sich als Schriftfarbe auf Hintergrund #afeeee. Sowohl der Helligkeitsunterschied als auch der Farbenunterschied sind in Ordnung.

Hintergrundfarbwert #afeeee				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#006400	#006400	#006400	#006400
#baf0f0	#baf0f0	#96cccc	#96cccc	#247a24	#247a24	#005500	#005500
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#489048	#489048	#004700	#004700
#d1f5f5	#d1f5f5	#648888	#648888	#6da66d	#6da66d	#003900	#003900
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#91bc91	#91bc91	#002a00	#002a00
#e8fafa	#e8fafa	#324444	#324444	#b6d2b6	#b6d2b6	#001c00	#001c00
#f3fcfc	#f3fcfc	#192222	#192222	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #afeeee und Farbwert #006400

Wechsel der Textfarbe bei Hover bei Befehl center

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

Z.B. legen wir die Textfarbe von <center> auf Farbwert #afeeee fest und setzen die Schriftgröße auf 121%:

<style type="text/css"><!--
  center { 
    color: #afeeee; 
    font-size: 121%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #006400 geändert wird.

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

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier genutzten HTML-Befehl <center>.

Wechsel der Umrandung bei Hover bei Tag frame

Die Rahmenfarbe soll sich von Farbwert #afeeee auf Farbwert #006400 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <frame> in Farbwert #afeeee vor.

In diesem Beispiel umranden wir <frame> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #afeeee.

<style type="text/css"><!--
  frame { 
    border-style:groove; 
    border-color:#afeeee; 
    border-width:3px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #006400 ändert.

<style type="text/css"><!--
  frame:hover { 
    border-color:#006400;
  }
//-->
</style>

Der hier gezeigte Befehl frame ist in der HTML Referenz bei <frame> ausführlich beschrieben.