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

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 #8a2be2			Schriftfarbwert #f4a460
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift #f4a460
Farbwert	:	#8a2be2	Farbwert	:	#f4a460
Farbe	:	blueviolet	Farbe	:	sandybrown
HTML	:	#8a2be2	HTML	:	#f4a460
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#f4a460
CSS	:	#8a2be2	CSS	:	#f4a460
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbwert #f4a460
#8a2be2	#993ccf	#a84dbc	#b75eaa	#c67097	#d58185	#e49272	#f4a460
#8a2be2	#993ccf	#a84dbc	#b75eaa	#c67097	#d58185	#e49272	#f4a460

Kombination von #8a2be2 und #f4a460
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f4a460 ist nicht als Schriftfarbe auf Hintergrund #8a2be2 geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #f4a460 und #8a2be2 beträgt 86.05%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.95%.

Hintergrundfarbwert #8a2be2				Schriftfarbwert #f4a460
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#f4a460	#f4a460	#f4a460	#f4a460
#9a49e6	#9a49e6	#7624c1	#7624c1	#f5b176	#f5b176	#d18c52	#d18c52
#ab67ea	#ab67ea	#621ea1	#621ea1	#f7be8d	#f7be8d	#ae7544	#ae7544
#bc85ee	#bc85ee	#4e1881	#4e1881	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#cca4f2	#cca4f2	#3b1260	#3b1260	#fad8ba	#fad8ba	#684629	#684629
#ddc2f6	#ddc2f6	#270c40	#270c40	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#eee0fa	#eee0fa	#130620	#130620	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Text- und Unterstreichungsfarben mit Tag a

Mit Befehl <a> erzeugen Sie einen Hyperlink. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #f4a460. Die Schriftart ändern wir auf arial. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 1 Pixel Dicke in Farbwert #8a2be2. Mit HTML geht das nicht. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  a { 
    color:#f4a460; 
    font-size:13px; 
    border-bottom-color:#8a2be2; 
    font-family:arial; 
    border-bottom-width:1px; 
    border-bottom-style:inset;
  }
//-->
</style>

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

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des HTML-Tag a finden Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover mit HTML-Befehl frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #8a2be2.

<style type="text/css"><!--
  frameset { border:1px outset #8a2be2; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f4a460 ändert.

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

Zur Beschreibung des hier verwendeten Befehl <frameset>.