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

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 #556b2f
Detail	:	Hintergrund #afeeee	Detail	:	Schrift #556b2f
Farbwert	:	#afeeee	Farbwert	:	#556b2f
Farbe	:	paleturquoise	Farbe	:	darkolivegreen
HTML	:	#afeeee	HTML	:	#556b2f
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#556b2f
CSS	:	#afeeee	CSS	:	#556b2f
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbwert #afeeee nach Schriftfarbwert #556b2f
#afeeee	#a2dbd2	#95c8b7	#88b59c	#7ba380	#6e9065	#617d4a	#556b2f
#afeeee	#a2dbd2	#95c8b7	#88b59c	#7ba380	#6e9065	#617d4a	#556b2f

Kombination von #afeeee und #556b2f
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #556b2f und #afeeee beträgt 78.03%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 21.97%. Auf Hintergrund #afeeee ist #556b2f ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbwert #afeeee				Schriftfarbwert #556b2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#556b2f	#556b2f	#556b2f	#556b2f
#baf0f0	#baf0f0	#96cccc	#96cccc	#6d804c	#6d804c	#485b28	#485b28
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#85956a	#85956a	#3c4c21	#3c4c21
#d1f5f5	#d1f5f5	#648888	#648888	#9daa88	#9daa88	#303d1a	#303d1a
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#b6bfa5	#b6bfa5	#242d14	#242d14
#e8fafa	#e8fafa	#324444	#324444	#ced4c3	#ced4c3	#181e0d	#181e0d
#f3fcfc	#f3fcfc	#192222	#192222	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #afeeee und Farbwert #556b2f

Text- und Unterstreichungsfarben mit Tag s

Hier ändern wir die Textfarbe von <s> auf Farbwert #556b2f. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 116%. Wir unterstreichen den Inhalt von <s> mit Hilfe eines gefurchten Rahmens mit 1 Pixel Dicke in Farbwert #afeeee. In HTML ist das kaum machbar. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  s { 
    color: #556b2f; 
    font-family: sans-serif; 
    font-size: 116%; 
    border-bottom: 1px groove #afeeee;
  }
//-->
</style>

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

Weiteres zu s lesen Sie in Text in HTML. Mehr zum hier genutzten Befehl s ist in der HTML Referenz bei <s> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit Tag dt

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

In diesem Beispiel setzen wir bei <dt> die Hintergrundfarbe auf Farbwert #afeeee:

<style type="text/css"><!--
  dt { 
    background-color: #afeeee;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #556b2f ändert.

<style type="text/css"><!--
  dt:hover { 
    background-color:#556b2f;
  }
//-->
</style>

Mehr zu dt können Sie in Listen und Glossare in HTML nachsehen. Möglichkeiten des HTML-Befehl dt sind in der HTML Referenz bei <dt> ausführlich zusammengestellt.