Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slateblue und Farbwert #a9a9a9

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 slateblue			Schriftfarbwert #a9a9a9
Detail	:	Hintergrund slateblue	Detail	:	Schrift #a9a9a9
Farbe	:	slateblue	Farbwert	:	#a9a9a9
Farbwert	:	#6a5acd	Farbe	:	darkgray
HTML	:	slateblue	HTML	:	#a9a9a9
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#a9a9a9
CSS	:	slateblue	CSS	:	#a9a9a9
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#a9a9a9
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#a9a9a9
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(169,169,169)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(66%,66%,66%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbwert #a9a9a9
#6a5acd	#7365c7	#7c70c2	#857bbd	#8e87b8	#9792b3	#a09dae	#a9a9a9
#6a5acd	#7365c7	#7c70c2	#857bbd	#8e87b8	#9792b3	#a09dae	#a9a9a9

Kombination von slateblue und #a9a9a9
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #a9a9a9 und slateblue beträgt 89.25%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.75%. #a9a9a9 ist nicht als Schriftfarbe auf Hintergrund slateblue geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe slateblue				Schriftfarbwert #a9a9a9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#b5b5b5	#b5b5b5	#909090	#909090
#9489db	#9489db	#4b4092	#4b4092	#c1c1c1	#c1c1c1	#787878	#787878
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#cdcdcd	#cdcdcd	#606060	#606060
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#dadada	#dadada	#484848	#484848
#d4cff0	#d4cff0	#1e193a	#1e193a	#e6e6e6	#e6e6e6	#303030	#303030
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#f2f2f2	#f2f2f2	#181818	#181818
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slateblue und Farbwert #a9a9a9

Text- und Unterstreichungsfarben von Tag strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #a9a9a9. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbe slateblue. Mit HTML ist das kaum machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  strong { 
    color: #a9a9a9; 
    font-family: sans-serif; 
    border-bottom: 5pt double slateblue; 
    font-size: 13px;
  }
//-->
</style>

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

Mehr zum Thema finden Sie in Text in HTML. Der Tag strong ist in der HTML Referenz unter <strong> gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag p

Die Hintergrundfarbe soll sich von Farbe slateblue auf Farbwert #a9a9a9 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe slateblue vor.

Z.B. legen wir die Hintergrundfarbe von <p> auf Farbe slateblue fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  p { 
    background-color: slateblue; 
    font-size: 13px; 
    font-family: monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #a9a9a9 gesetzt wird.

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

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom hier verwendeten Tag <p>.