Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #483d8b und Farbwert #fa8072

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 #483d8b			Schriftfarbwert #fa8072
Detail	:	Hintergrund #483d8b	Detail	:	Schrift #fa8072
Farbwert	:	#483d8b	Farbwert	:	#fa8072
Farbe	:	darkslateblue	Farbe	:	salmon
HTML	:	#483d8b	HTML	:	#fa8072
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#fa8072
CSS	:	#483d8b	CSS	:	#fa8072
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbwert #483d8b nach Schriftfarbwert #fa8072
#483d8b	#614687	#7a5083	#945980	#ad637c	#c76c79	#e07675	#fa8072
#483d8b	#614687	#7a5083	#945980	#ad637c	#c76c79	#e07675	#fa8072

Kombination von #483d8b und #fa8072
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#fa8072 ist nicht als Schriftfarbe auf Hintergrund #483d8b geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #fa8072 und #483d8b ergibt sich zu 82.74%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 17.26%.

Hintergrundfarbwert #483d8b				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#fa8072	#fa8072	#fa8072	#fa8072
#62589b	#62589b	#3d3477	#3d3477	#fa9286	#fa9286	#d66d61	#d66d61
#7c74ac	#7c74ac	#332b63	#332b63	#fba49a	#fba49a	#b25b51	#b25b51
#9690bc	#9690bc	#29224f	#29224f	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#cac7dd	#cac7dd	#141127	#141127	#fddad6	#fddad6	#472420	#472420
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #483d8b und Farbwert #fa8072

Text- und Unterstreichungsfarben bei HTML-Tag address

Wir ändern bei diesem Beispiel die Textfarbe von <address> auf Farbwert #fa8072. Die Schriftart ändern wir auf arial. Die Schriftgröße vergrößern wir auf 113%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbwert #483d8b. Dies geht in HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  address { 
    border-bottom:3pt dotted #483d8b; 
    color:#fa8072; 
    font-family:arial; 
    font-size:113%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu address können Sie in Blockorientierte Elemente in HTML lesen. Die Beschreibung vom hier gezeigten HTML-Befehl address lesen Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl h1

Eine Überschrift der 1. Stufe setzen Sie mit Befehl <h1>. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #483d8b auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst eine Darstellung von <h1> in Farbwert #483d8b vor.

Wir setzen in diesem Beispiel bei <h1> die Textfarbe auf Farbwert #483d8b. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 90%.

<style type="text/css"><!--
  h1 { 
    font-size:90%; 
    font-family:arial; 
    color:#483d8b;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #fa8072 ändert.

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

Mehr zu h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier verwendeten HTML-Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.