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

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			Schriftfarbwert #f5f5f5
Detail	:	Hintergrund darkslategray	Detail	:	Schrift #f5f5f5
Farbe	:	darkslategray	Farbwert	:	#f5f5f5
Farbwert	:	#2f4f4f	Farbe	:	whitesmoke
HTML	:	darkslategray	HTML	:	#f5f5f5
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#f5f5f5
CSS	:	darkslategray	CSS	:	#f5f5f5
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #f5f5f5
#2f4f4f	#4b6666	#677e7e	#839696	#a0adad	#bcc5c5	#d8dddd	#f5f5f5
#2f4f4f	#4b6666	#677e7e	#839696	#a0adad	#bcc5c5	#d8dddd	#f5f5f5

Kombination von darkslategray und #f5f5f5
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #f5f5f5 und darkslategray ergibt sich zu 61.00%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 39.00%. #f5f5f5 eignet sich als Schriftfarbe auf Hintergrund darkslategray. Der Unterschied in den Helligkeiten ist geeignet, der Unterschied in den Farben auch.

Hintergrundfarbe darkslategray				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#4c6868	#4c6868	#284343	#284343	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#6a8181	#6a8181	#213838	#213838	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#a5b3b3	#a5b3b3	#142121	#142121	#fafafa	#fafafa	#696969	#696969
#c3cccc	#c3cccc	#0d1616	#0d1616	#fcfcfc	#fcfcfc	#464646	#464646
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslategray und Farbwert #f5f5f5

Hintergrund/Text-Kombination von Befehl a

Ein Hyperlink wird mit HTML-Befehl <a> erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #f5f5f5 und die Hintergrundfarbe von <a> auf Farbe darkslategray. Die Schriftart setzen wir auf verdana und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  a { 
    color: #f5f5f5; 
    background-color: darkslategray; 
    font-size: 13px; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten vom hier genutzten Befehl a sind in der HTML Referenz bei <a> ausführlich gezeigt.

Wechsel der Umrandung bei Hover mit HTML-Tag hr

Die Rahmenfarbe soll sich von Farbe darkslategray auf Farbwert #f5f5f5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <hr> in Farbe darkslategray vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe darkslategray.

<style type="text/css"><!--
  hr { 
    border-style:double; 
    border-color:darkslategray; 
    border-width:5px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #f5f5f5 geändert wird.

<style type="text/css"><!--
  hr:hover { 
    border-color:#f5f5f5;
  }
//-->
</style>

Mehr zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des Befehl hr erfahren Sie in der HTML Referenz unter <hr>.