Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000080 und Farbwert #8a2be2

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 #000080			Schriftfarbwert #8a2be2
Detail	:	Hintergrund #000080	Detail	:	Schrift #8a2be2
Farbwert	:	#000080	Farbwert	:	#8a2be2
Farbe	:	navy	Farbe	:	blueviolet
HTML	:	#000080	HTML	:	#8a2be2
HTML (Wert)	:	#000080	HTML (Wert)	:	#8a2be2
CSS	:	#000080	CSS	:	#8a2be2
CSS (Wert)	:	#000080	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #000080 nach Schriftfarbwert #8a2be2
#000080	#13068e	#270c9c	#3b12aa	#4e18b8	#621ec6	#7624d4	#8a2be2
#000080	#13068e	#270c9c	#3b12aa	#4e18b8	#621ec6	#7624d4	#8a2be2

Kombination von #000080 und #8a2be2
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #8a2be2 und #000080 ergibt sich zu 87.21%. Die Lesbarkeit dieser Kombination bewerte ich mit 12.79%. #8a2be2 ist nicht als Schriftfarbe auf Hintergrund #000080 geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #000080				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#242492	#242492	#00006d	#00006d	#9a49e6	#9a49e6	#7624c1	#7624c1
#4848a4	#4848a4	#00005b	#00005b	#ab67ea	#ab67ea	#621ea1	#621ea1
#6d6db6	#6d6db6	#000049	#000049	#bc85ee	#bc85ee	#4e1881	#4e1881
#9191c8	#9191c8	#000036	#000036	#cca4f2	#cca4f2	#3b1260	#3b1260
#b6b6da	#b6b6da	#000024	#000024	#ddc2f6	#ddc2f6	#270c40	#270c40
#dadaec	#dadaec	#000012	#000012	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000080 und Farbwert #8a2be2

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag h1

Eine Überschrift der 1. Stufe erzeugt man mit Befehl <h1>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #000080 auf Farbwert #8a2be2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h1> in Farbwert #000080 vor.

Z.B. setzen wir die Hintergrundfarbe von <h1> auf Farbwert #000080.

<style type="text/css"><!--
  h1 { 
    background-color:#000080;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #8a2be2 ändert.

<style type="text/css"><!--
  h1: hover { 
    background-color: #8a2be2;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom HTML-Befehl h1 finden Sie in der HTML Referenz unter <h1>.

Füllen und Umranden bei HTML-Tag iframe

Hier umranden wir <iframe> mit einem . Den Hintergrund von <iframe> färben wir mit Farbwert #000080. Dies ist in HTML nicht möglich. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  iframe { 
    border-color:#8a2be2; 
    border-style:double; 
    border-width:3pt; 
    background-color:#000080;
  }
//-->
</style>

Der HTML-Tag iframe ist in der HTML Referenz unter <iframe> ausführlich beschrieben.