Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffacd und Farbwert #4682b4

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 #fffacd			Schriftfarbwert #4682b4
Detail	:	Hintergrund #fffacd	Detail	:	Schrift #4682b4
Farbwert	:	#fffacd	Farbwert	:	#4682b4
Farbe	:	lemonchiffon	Farbe	:	steelblue
HTML	:	#fffacd	HTML	:	#4682b4
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#4682b4
CSS	:	#fffacd	CSS	:	#4682b4
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#4682b4
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#4682b4
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(70,130,180)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(27%,50%,70%)

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbwert #4682b4
#fffacd	#e4e8c9	#cad7c5	#afc6c2	#95b5be	#7aa4bb	#6093b7	#4682b4
#fffacd	#e4e8c9	#cad7c5	#afc6c2	#95b5be	#7aa4bb	#6093b7	#4682b4

Kombination von #fffacd und #4682b4
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #4682b4 und #fffacd beträgt 81.55%. Die Lesbarkeit dieser Kombination ergibt sich zu 18.45%. #4682b4 ist nicht als Schriftfarbe auf Hintergrund #fffacd geeignet. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind jedoch zu ähnlich.

Hintergrundfarbwert #fffacd				Schriftfarbwert #4682b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#4682b4	#4682b4	#4682b4	#4682b4
#fffad4	#fffad4	#dad6af	#dad6af	#6093be	#6093be	#3c6f9a	#3c6f9a
#fffbdb	#fffbdb	#b6b292	#b6b292	#7aa5c9	#7aa5c9	#325c80	#325c80
#fffce2	#fffce2	#918e75	#918e75	#95b7d4	#95b7d4	#284a66	#284a66
#fffce9	#fffce9	#6d6b57	#6d6b57	#afc9de	#afc9de	#1e374d	#1e374d
#fffdf0	#fffdf0	#48473a	#48473a	#cadbe9	#cadbe9	#142533	#142533
#fffef7	#fffef7	#24231d	#24231d	#e4edf4	#e4edf4	#0a1219	#0a1219
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbwert #4682b4

Wechsel der Textfarbe bei Hover von HTML-Tag tfoot

Die Textfarbe soll sich von Farbwert #fffacd auf Farbwert #4682b4 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tfoot> in Farbwert #fffacd vor.

Wir legen in diesem Beispiel die Textfarbe von <tfoot> auf Farbwert #fffacd fest und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  tfoot { 
    color: #fffacd; 
    font-size: 9px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #4682b4 geändert wird.

<style type="text/css"><!--
  tfoot: hover { 
    color: #4682b4;
  }
//-->
</style>

Weiteres zu tfoot können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier genutzten Befehl <tfoot>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag cite

Die Hintergrundfarbe soll sich von Farbwert #fffacd auf Farbwert #4682b4 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <cite> in Farbwert #fffacd vor.

In diesem Beispiel legen wir Farbwert #fffacd als Hintergrundfarbe von <cite> fest und verkleinern die Schriftgröße auf 91%:

<style type="text/css"><!--
  cite { 
    font-size: 91%; 
    background-color: #fffacd;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #4682b4 gesetzt wird.

<style type="text/css"><!--
  cite:hover { 
    background-color:#4682b4;
  }
//-->
</style>

Möglichkeiten vom HTML-Tag cite erfahren Sie in der HTML Referenz unter <cite>.