Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #add8e6 und Farbwert #eee8aa

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 #add8e6			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #add8e6	Detail	:	Schrift #eee8aa
Farbwert	:	#add8e6	Farbwert	:	#eee8aa
Farbe	:	lightblue	Farbe	:	palegoldenrod
HTML	:	#add8e6	HTML	:	#eee8aa
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#eee8aa
CSS	:	#add8e6	CSS	:	#eee8aa
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #add8e6 nach Schriftfarbwert #eee8aa
#add8e6	#b6dadd	#bfdcd4	#c8decc	#d2e1c3	#dbe3bb	#e4e5b2	#eee8aa
#add8e6	#b6dadd	#bfdcd4	#c8decc	#d2e1c3	#dbe3bb	#e4e5b2	#eee8aa

Kombination von #add8e6 und #eee8aa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#eee8aa ist nicht als Schriftfarbe auf Hintergrund #add8e6 geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #eee8aa und #add8e6 ergibt sich zu 94.19%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.81%.

Hintergrundfarbwert #add8e6				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#f2eec2	#f2eec2	#aaa579	#aaa579
#d0e8f0	#d0e8f0	#627b83	#627b83	#f5f1ce	#f5f1ce	#888461	#888461
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#f7f5da	#f7f5da	#666348	#666348
#e7f3f7	#e7f3f7	#313d41	#313d41	#faf8e6	#faf8e6	#444230	#444230
#f3f9fb	#f3f9fb	#181e20	#181e20	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #add8e6 und Farbwert #eee8aa

Hintergrund/Text-Kombination bei Tag span

Für dieses Beispiel ändern wir die Textfarbe von <span> auf Farbwert #eee8aa und die Hintergrundfarbe von <span> auf Farbwert #add8e6. Als Schriftart wählen wir monospace und als Schriftgröße setzen wir 84%.

<style type="text/css"><!--
  span { 
    font-family: monospace; 
    color: #eee8aa; 
    font-size: 84%; 
    background-color: #add8e6;
  }
//-->
</style>

Mehr zum Tag span finden Sie in der HTML Referenz unter <span>.

Wechsel der Umrandung bei Hover von HTML-Tag h2

Mit Befehl <h2> wird eine Überschrift der 2. Stufe erzeugt. Diese kann man farblich gestalten und hervorheben.

Die Rahmenfarbe soll sich von Farbwert #add8e6 auf Farbwert #eee8aa ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst die Formatierung von <h2> in Farbwert #add8e6 vor.

In diesem Beispiel umranden wir <h2> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #add8e6.

<style type="text/css"><!--
  h2 { 
    border-color:#add8e6; 
    border-width:5px; 
    border-style:inset;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #eee8aa gesetzt wird.

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

Mehr zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des HTML-Befehl h2 finden Sie in der HTML Referenz unter <h2>.