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

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.

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
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.				#006400 ist nicht als Schriftfarbe auf Hintergrund #6a5acd geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #006400 und #6a5acd beträgt 93.33%. Die Lesbarkeit dieser Kombination von Farben 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

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

Füllen und Umranden bei Tag img

Für dieses Beispiel umranden wir <img> mit einem 5 Punkte dicken, gefurchten Rahmen in Farbwert #006400 . Den Hintergrund von <img> färben wir mit Farbwert #6a5acd. Das ist mit HTML kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  img { border:5pt groove #006400; background-color:#6a5acd; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML lesen. Einzelheiten vom HTML-Tag <img>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h2

Eine Überschrift wird mit Tag <h2> gesetzt. Diese können Sie hervorheben und farblich gestalten.

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

Als Beispiel legen wir bei <h2> die Hintergrundfarbe auf Farbwert #6a5acd fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new:

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #006400 geändert wird.

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

Mehr zu h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom Befehl <h2>.