Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslategray und Farbe tan

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.

Hintergrundfarbe darkslategray			Schriftfarbe tan
Detail	:	Hintergrund darkslategray	Detail	:	Schrift tan
Farbe	:	darkslategray	Farbe	:	tan
Farbwert	:	#2f4f4f	Farbwert	:	#d2b48c
HTML	:	darkslategray	HTML	:	tan
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#d2b48c
CSS	:	darkslategray	CSS	:	tan
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbe tan
#2f4f4f	#465d57	#5d6b60	#747a69	#8c8871	#a3977a	#baa583	#d2b48c
#2f4f4f	#465d57	#5d6b60	#747a69	#8c8871	#a3977a	#baa583	#d2b48c

Kombination von darkslategray und tan
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von tan und darkslategray beträgt 78.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 21.56%. Auf Hintergrund darkslategray ist tan ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe darkslategray				Schriftfarbe tan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#4c6868	#4c6868	#284343	#284343	#d8be9c	#d8be9c	#b49a78	#b49a78
#6a8181	#6a8181	#213838	#213838	#dec9ac	#dec9ac	#968064	#968064
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#e5d4bd	#e5d4bd	#786650	#786650
#a5b3b3	#a5b3b3	#142121	#142121	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#c3cccc	#c3cccc	#0d1616	#0d1616	#f2e9de	#f2e9de	#3c3328	#3c3328
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkslategray und Farbe tan

Wechsel der Umrandung bei Hover bei HTML-Tag blockquote

Die Rahmenfarbe soll sich von Farbe darkslategray auf Farbe tan ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst eine Formatierung von <blockquote> in Farbe darkslategray vor.

In diesem Beispiel umranden wir <blockquote> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbe darkslategray.

<style type="text/css"><!--
  blockquote { border:4px dashed darkslategray; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf tan geändert wird.

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

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Mehr zum Befehl <blockquote>.