Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffacd und Farbe darkslategray

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 #fffacd			Schriftfarbe darkslategray
Detail	:	Hintergrund #fffacd	Detail	:	Schrift darkslategray
Farbwert	:	#fffacd	Farbe	:	darkslategray
Farbe	:	lemonchiffon	Farbwert	:	#2f4f4f
HTML	:	#fffacd	HTML	:	darkslategray
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#2f4f4f
CSS	:	#fffacd	CSS	:	darkslategray
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbe darkslategray
#fffacd	#e1e1bb	#c3c9a9	#a5b097	#889885	#6a7f73	#4c6761	#2f4f4f
#fffacd	#e1e1bb	#c3c9a9	#a5b097	#889885	#6a7f73	#4c6761	#2f4f4f

Kombination von #fffacd und darkslategray
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				darkslategray eignet sich als Schriftfarbe auf Hintergrund #fffacd, da der Helligkeitsunterschied ok ist, der Farbenunterschied ebenso. Die Ähnlichkeit der Farben darkslategray und #fffacd ergibt sich zu 59.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 40.10%.

Hintergrundfarbwert #fffacd				Schriftfarbe darkslategray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#fffad4	#fffad4	#dad6af	#dad6af	#4c6868	#4c6868	#284343	#284343
#fffbdb	#fffbdb	#b6b292	#b6b292	#6a8181	#6a8181	#213838	#213838
#fffce2	#fffce2	#918e75	#918e75	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#fffce9	#fffce9	#6d6b57	#6d6b57	#a5b3b3	#a5b3b3	#142121	#142121
#fffdf0	#fffdf0	#48473a	#48473a	#c3cccc	#c3cccc	#0d1616	#0d1616
#fffef7	#fffef7	#24231d	#24231d	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbe darkslategray

Wechsel der Umrandung bei Hover mit Tag dd

Die Rahmenfarbe soll sich von Farbwert #fffacd auf Farbe darkslategray ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbwert #fffacd vor.

In diesem Beispiel umranden wir <dd> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #fffacd.

<style type="text/css"><!--
  dd { 
    border-style: dashed; 
    border-color: #fffacd; 
    border-width: 4px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe auf darkslategray ändert.

<style type="text/css"><!--
  dd:hover { 
    border-color:darkslategray;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML erfahren. Die Beschreibung des HTML-Tag dd finden Sie in der HTML Referenz unter <dd>.

Füllen und Umranden mit Tag frameset

Hier umranden wir <frameset> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe darkslategray . Den Hintergrund von <frameset> setzen wir entsprechend auf Farbwert #fffacd. Dies ist mit HTML nicht möglich. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  frameset { border:4px dotted darkslategray; background-color:#fffacd; }
//-->
</style>

Möglichkeiten vom HTML-Befehl frameset erfahren Sie in der HTML Referenz unter <frameset>.