Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #8b0000

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.

Hintergrundfarbe lightcyan			Schriftfarbwert #8b0000
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #8b0000
Farbe	:	lightcyan	Farbwert	:	#8b0000
Farbwert	:	#e0ffff	Farbe	:	darkred
HTML	:	lightcyan	HTML	:	#8b0000
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#8b0000
CSS	:	lightcyan	CSS	:	#8b0000
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #8b0000
#e0ffff	#d3dada	#c7b6b6	#bb9191	#af6d6d	#a34848	#972424	#8b0000
#e0ffff	#d3dada	#c7b6b6	#bb9191	#af6d6d	#a34848	#972424	#8b0000

Kombination von lightcyan und #8b0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#8b0000 eignet sich als Schriftfarbe auf Hintergrund lightcyan. Die Unterschiede in Helligkeit und Farbe sind gut. Die Ähnlichkeit der Farben #8b0000 und lightcyan ergibt sich zu 54.79%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 45.21%.

Hintergrundfarbe lightcyan				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#8b0000	#8b0000	#8b0000	#8b0000
#e4ffff	#e4ffff	#c0dada	#c0dada	#9b2424	#9b2424	#770000	#770000
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#ac4848	#ac4848	#630000	#630000
#edffff	#edffff	#809191	#809191	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#f1ffff	#f1ffff	#606d6d	#606d6d	#cd9191	#cd9191	#3b0000	#3b0000
#f6ffff	#f6ffff	#404848	#404848	#ddb6b6	#ddb6b6	#270000	#270000
#faffff	#faffff	#202424	#202424	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #8b0000

Wechsel der Umrandung bei Hover mit Tag h2

Eine Überschrift der 2. Stufe erzeugt man mit Tag <h2>. Diese kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbe lightcyan auf Farbwert #8b0000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbe lightcyan vor.

In diesem Beispiel umranden wir <h2> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe lightcyan.

<style type="text/css"><!--
  h2 { 
    border-color:lightcyan; 
    border-width:4px; 
    border-style:inset;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #8b0000 ändert.

<style type="text/css"><!--
  h2:hover { 
    border-color:#8b0000;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom HTML-Tag h2 finden Sie in der HTML Referenz unter <h2>.

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Einen Hyperlink erzeugt man mit HTML-Befehl <a>. Er kann hervorgehoben und farblich gestaltet werden.

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

Wir legen als Beispiel Farbe lightcyan als Hintergrundfarbe von <a> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 114%.

<style type="text/css"><!--
  a { 
    font-size:114%; 
    background-color:lightcyan; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #8b0000 ändert.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum hier gezeigten HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.