Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #191970 und Farbwert #ffa07a

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 #191970			Schriftfarbwert #ffa07a
Detail	:	Hintergrund #191970	Detail	:	Schrift #ffa07a
Farbwert	:	#191970	Farbwert	:	#ffa07a
Farbe	:	midnightblue	Farbe	:	lightsalmon
HTML	:	#191970	HTML	:	#ffa07a
HTML (Wert)	:	#191970	HTML (Wert)	:	#ffa07a
CSS	:	#191970	CSS	:	#ffa07a
CSS (Wert)	:	#191970	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbwert #ffa07a
#191970	#392c71	#5a3f72	#7b5274	#9c6675	#bd7977	#de8c78	#ffa07a
#191970	#392c71	#5a3f72	#7b5274	#9c6675	#bd7977	#de8c78	#ffa07a

Kombination von #191970 und #ffa07a
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #191970 ist #ffa07a ungeeignet, weil der Unterschied in den Farben zu gering ist Die Ähnlichkeit von #ffa07a und #191970 ergibt sich zu 64.44%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 35.56%.

Hintergrundfarbwert #191970				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#393984	#393984	#151560	#151560	#ffad8d	#ffad8d	#da8968	#da8968
#5a5a98	#5a5a98	#111150	#111150	#ffbba0	#ffbba0	#b67257	#b67257
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#ffc8b3	#ffc8b3	#915b45	#915b45
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#bdbdd6	#bdbdd6	#070720	#070720	#ffe3d9	#ffe3d9	#482d22	#482d22
#dedeea	#dedeea	#030310	#030310	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #191970 und Farbwert #ffa07a

Wechsel der Umrandung bei Hover von Befehl a

Einen Verweis setzen Sie mit Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbwert #191970 auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #191970 vor.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #191970.

<style type="text/css"><!--
  a { border:3px outset #191970; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffa07a gesetzt wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung des Befehl a erfahren Sie in der HTML Referenz unter <a>.