Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #006400

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.

Hintergrundfarbwert #6a5acd			Schriftfarbwert #006400
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift #006400
Farbwert	:	#6a5acd	Farbwert	:	#006400
Farbe	:	slateblue	Farbe	:	darkgreen
HTML	:	#6a5acd	HTML	:	#006400
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#006400
CSS	:	#6a5acd	CSS	:	#006400
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#006400
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbwert #006400
#6a5acd	#5a5baf	#4b5c92	#3c5e75	#2d5f57	#1e613a	#0f621d	#006400
#6a5acd	#5a5baf	#4b5c92	#3c5e75	#2d5f57	#1e613a	#0f621d	#006400

Kombination von #6a5acd und #006400
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				#006400 ist nicht als Schriftfarbe auf Hintergrund #6a5acd geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #006400 und #6a5acd beträgt 93.33%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.67%.

Hintergrundfarbwert #6a5acd				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#006400	#006400	#006400	#006400
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#247a24	#247a24	#005500	#005500
#9489db	#9489db	#4b4092	#4b4092	#489048	#489048	#004700	#004700
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#6da66d	#6da66d	#003900	#003900
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#91bc91	#91bc91	#002a00	#002a00
#d4cff0	#d4cff0	#1e193a	#1e193a	#b6d2b6	#b6d2b6	#001c00	#001c00
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #6a5acd und Farbwert #006400

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag p

Die Hintergrundfarbe soll sich von Farbwert #6a5acd auf Farbwert #006400 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbwert #6a5acd vor.

Für dieses Beispiel legen wir Farbwert #6a5acd als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 92%:

<style type="text/css"><!--
  p { 
    font-family:courier new; 
    font-size:92%; 
    background-color:#6a5acd;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #006400 gesetzt wird.

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

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier gezeigten HTML-Befehl <p>.