Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #191970 und Farbwert #ff4500

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 #191970			Schriftfarbwert #ff4500
Detail	:	Hintergrund #191970	Detail	:	Schrift #ff4500
Farbwert	:	#191970	Farbwert	:	#ff4500
Farbe	:	midnightblue	Farbe	:	orangered
HTML	:	#191970	HTML	:	#ff4500
HTML (Wert)	:	#191970	HTML (Wert)	:	#ff4500
CSS	:	#191970	CSS	:	#ff4500
CSS (Wert)	:	#191970	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbwert #ff4500
#191970	#391f60	#5a2550	#7b2b40	#9c3230	#bd3820	#de3e10	#ff4500
#191970	#391f60	#5a2550	#7b2b40	#9c3230	#bd3820	#de3e10	#ff4500

Kombination von #191970 und #ff4500
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #ff4500 und #191970 ergibt sich zu 79.45%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 20.55%. #ff4500 eignet sich nicht als Schriftfarbe auf Hintergrund #191970, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #191970				Schriftfarbwert #ff4500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#ff4500	#ff4500	#ff4500	#ff4500
#393984	#393984	#151560	#151560	#ff5f24	#ff5f24	#da3b00	#da3b00
#5a5a98	#5a5a98	#111150	#111150	#ff7a48	#ff7a48	#b63100	#b63100
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#ff946d	#ff946d	#912700	#912700
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#bdbdd6	#bdbdd6	#070720	#070720	#ffc9b6	#ffc9b6	#481300	#481300
#dedeea	#dedeea	#030310	#030310	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #191970 und Farbwert #ff4500

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h2

Mit Befehl <h2> wird eine Überschrift der 2. Stufe erzeugt. Diese können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #191970 auf Farbwert #ff4500 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbwert #191970 vor.

Z.B. legen wir Farbwert #191970 als Hintergrundfarbe von <h2> fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  h2 { 
    background-color: #191970; 
    font-family: arial; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #ff4500 ändert.

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

Weiteres zum Thema h2 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten Tag <h2>.

Füllen und Umranden mit Befehl center

Für dieses Beispiel umranden wir <center> mit einem 2 Punkte dicken, einfallenden Rahmen in Farbwert #ff4500 . Den Hintergrund von <center> setzen wir entsprechend auf Farbwert #191970. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  center { 
    border-width: 2pt; 
    border-color: #ff4500; 
    background-color: #191970; 
    border-style: inset;
  }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML finden. Der HTML-Tag center ist in der HTML Referenz unter <center> ausführlich beschrieben.