Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #87ceeb und Farbwert #eee8aa

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 #87ceeb			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #87ceeb	Detail	:	Schrift #eee8aa
Farbwert	:	#87ceeb	Farbwert	:	#eee8aa
Farbe	:	skyblue	Farbe	:	palegoldenrod
HTML	:	#87ceeb	HTML	:	#eee8aa
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#eee8aa
CSS	:	#87ceeb	CSS	:	#eee8aa
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #87ceeb nach Schriftfarbwert #eee8aa
#87ceeb	#95d1e1	#a4d5d8	#b3d9cf	#c1dcc5	#d0e0bc	#dfe4b3	#eee8aa
#87ceeb	#95d1e1	#a4d5d8	#b3d9cf	#c1dcc5	#d0e0bc	#dfe4b3	#eee8aa

Kombination von #87ceeb und #eee8aa
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Auf Hintergrund #87ceeb ist #eee8aa ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit der Farben #eee8aa und #87ceeb ergibt sich zu 93.38%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.62%.

Hintergrundfarbwert #87ceeb				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#f2eec2	#f2eec2	#aaa579	#aaa579
#bae3f3	#bae3f3	#4d7586	#4d7586	#f5f1ce	#f5f1ce	#888461	#888461
#cbeaf6	#cbeaf6	#395864	#395864	#f7f5da	#f7f5da	#666348	#666348
#dcf1f9	#dcf1f9	#263a43	#263a43	#faf8e6	#faf8e6	#444230	#444230
#edf8fc	#edf8fc	#131d21	#131d21	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #87ceeb und Farbwert #eee8aa

Text- und Unterstreichungsfarben von HTML-Befehl fieldset

Wir ändern für dieses Beispiel die Textfarbe von <fieldset> auf Farbwert #eee8aa. Die Schriftart ändern wir auf verdana. Die Schriftgröße vergrößern wir auf 116%. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #87ceeb. Das ist mit HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  fieldset { 
    color: #eee8aa; 
    font-family: verdana; 
    border-bottom-color: #87ceeb; 
    font-size: 116%; 
    border-bottom-style: groove; 
    border-bottom-width: 4pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Formulare in HTML lesen. Der Tag fieldset ist in der HTML Referenz bei <fieldset> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl acronym

Die Hintergrundfarbe soll sich von Farbwert #87ceeb auf Farbwert #eee8aa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbwert #87ceeb vor.

Zum Beispiel ändern wir bei <acronym> die Hintergrundfarbe auf Farbwert #87ceeb.

<style type="text/css"><!--
  acronym { 
    background-color: #87ceeb;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe auf #eee8aa ändert.

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

Beschreibung vom hier gezeigten HTML-Befehl <acronym>.