Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkslategray und Farbwert #d3d3d3

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.

Hintergrundfarbe darkslategray			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund darkslategray	Detail	:	Schrift #d3d3d3
Farbe	:	darkslategray	Farbwert	:	#d3d3d3
Farbwert	:	#2f4f4f	Farbe	:	lightgrey
HTML	:	darkslategray	HTML	:	#d3d3d3
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#d3d3d3
CSS	:	darkslategray	CSS	:	#d3d3d3
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #d3d3d3
#2f4f4f	#466161	#5d7474	#758787	#8c9a9a	#a4adad	#bbc0c0	#d3d3d3
#2f4f4f	#466161	#5d7474	#758787	#8c9a9a	#a4adad	#bbc0c0	#d3d3d3

Kombination von darkslategray und #d3d3d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #d3d3d3 und darkslategray beträgt 71.60%. Die Lesbarkeit dieser Farbkombination liegt damit bei 28.40%. Auf Hintergrund darkslategray ist #d3d3d3 ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbe darkslategray				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#4c6868	#4c6868	#284343	#284343	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#6a8181	#6a8181	#213838	#213838	#dfdfdf	#dfdfdf	#969696	#969696
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#e5e5e5	#e5e5e5	#787878	#787878
#a5b3b3	#a5b3b3	#142121	#142121	#ececec	#ececec	#5a5a5a	#5a5a5a
#c3cccc	#c3cccc	#0d1616	#0d1616	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslategray und Farbwert #d3d3d3

Wechsel der Hintergrundfarbe bei Hover von Befehl option

Die Hintergrundfarbe soll sich von Farbe darkslategray auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <option> zeigt. Bereiten wir zunächst eine Formatierung von <option> in Farbe darkslategray vor.

Zum Beispiel legen wir bei <option> die Hintergrundfarbe auf Farbe darkslategray fest und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  option { 
    font-size: 13px; 
    background-color: darkslategray;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #d3d3d3 geändert wird.

<style type="text/css"><!--
  option: hover { 
    background-color: #d3d3d3;
  }
//-->
</style>

Weiteres zu option können Sie in Formulare in HTML lesen. Einzelheiten vom hier genutzten HTML-Tag option finden Sie in der HTML Referenz unter <option>.

Text- und Unterstreichungsfarben von Tag h6

Mit Tag <h6> setzen Sie eine Überschrift. Diese können Sie hervorheben und farblich gestalten.

Wir ändern bei diesem Beispiel die Textfarbe von <h6> auf Farbwert #d3d3d3. Die Schriftart setzen wir auf monospace und erhöhen die Schriftgröße auf 120%. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gezahnten Rahmens mit 5 Punkte Dicke in Farbe darkslategray. Das ist in HTML kaum möglich. Daher verwenden wir dafür CSS.

<style type="text/css"><!--
  h6 { 
    font-size:120%; 
    border-bottom:5pt ridge darkslategray; 
    font-family:monospace; 
    color:#d3d3d3;
  }
//-->
</style>

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

Mehr zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung vom hier genutzten HTML-Befehl h6 finden Sie in der HTML Referenz unter <h6>.