Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #6495ed

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 #6495ed
Detail	:	Hintergrundfarbwert #6495ed	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#6495ed	#6495ed	#6495ed	#6495ed	#6495ed
Farbe	:	cornflowerblue	#7aa4ef	#7aa4ef	#557fcb	#557fcb
HTML	:	#6495ed	#90b3f2	#90b3f2	#476aa9	#476aa9
CSS	:	#6495ed	#a6c2f4	#a6c2f4	#395587	#395587
CSS (Wert)	:	#6495ed	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
CSS (kürzest)	:	#6495ed	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
CSS (RGB)	:	rgb(100,149,237)	#e8effc	#e8effc	#0e1521	#0e1521
CSS (%RGB)	:	rgb(39%,58%,92%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #6495ed

Änderung der Hintergrundfarbe bei Hover von HTML-Tag h5

Eine Überschrift der 5. Stufe erzeugt man mit HTML-Tag <h5>. Diese kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <h5> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbwert #6495ed ändert.

<style type="text/css"><!--
  h5:hover { 
    background-color:#6495ed;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom hier verwendeten HTML-Befehl h5 lesen Sie in der HTML Referenz unter <h5>.

Änderung der Textfarbe bei Hover bei HTML-Befehl a

Einen Verweis setzen Sie mit HTML-Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

<style type="text/css"><!--
  a { 
    color: #66937e; 
    font-size: 115%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #6495ed gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    color:#6495ed;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten des hier verwendeten Befehl a sind in der HTML Referenz unter <a> zusammengestellt.