Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #000080

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 gold			Schriftfarbwert #000080
Detail	:	Hintergrund gold	Detail	:	Schrift #000080
Farbe	:	gold	Farbwert	:	#000080
Farbwert	:	#ffd700	Farbe	:	navy
HTML	:	gold	HTML	:	#000080
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#000080
CSS	:	gold	CSS	:	#000080
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#000080
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #000080
#ffd700	#dab812	#b69924	#917a36	#6d5c49	#483d5b	#241e6d	#000080
#ffd700	#dab812	#b69924	#917a36	#6d5c49	#483d5b	#241e6d	#000080

Kombination von gold und #000080
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#000080 eignet sich als Schriftfarbe auf Hintergrund gold, da Unterschied in den Helligkeiten und Unterschied in den Farben in Ordnung sind. Die Ähnlichkeit von #000080 und gold beträgt 45.65%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 54.35%.

Hintergrundfarbe gold				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#000080	#000080	#000080	#000080
#ffdc24	#ffdc24	#dab800	#dab800	#242492	#242492	#00006d	#00006d
#ffe248	#ffe248	#b69900	#b69900	#4848a4	#4848a4	#00005b	#00005b
#ffe86d	#ffe86d	#917a00	#917a00	#6d6db6	#6d6db6	#000049	#000049
#ffed91	#ffed91	#6d5c00	#6d5c00	#9191c8	#9191c8	#000036	#000036
#fff3b6	#fff3b6	#483d00	#483d00	#b6b6da	#b6b6da	#000024	#000024
#fff9da	#fff9da	#241e00	#241e00	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #000080

Füllen und Umranden mit Befehl abbr

Für dieses Beispiel umranden wir <abbr> mit einem . Den Hintergrund von <abbr> färben wir mit Farbe gold. Dies ist in HTML nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  abbr { border:3px dashed #000080; background-color:gold; }
//-->
</style>

Die Beschreibung vom hier gezeigten HTML-Tag abbr finden Sie in der HTML Referenz unter <abbr>.

Wechsel der Umrandung bei Hover mit Tag center

Die Rahmenfarbe soll sich von Farbe gold auf Farbwert #000080 ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Darstellung von <center> in Farbe gold vor.

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe gold.

<style type="text/css"><!--
  center { 
    border-color:gold; 
    border-style:outset; 
    border-width:5px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #000080 ändert.

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

Weiteres zum Thema center finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Tag center ist in der HTML Referenz unter <center> gezeigt.