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

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 darkgoldenrod			Schriftfarbwert #483d8b
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #483d8b
Farbe	:	darkgoldenrod	Farbwert	:	#483d8b
Farbwert	:	#b8860b	Farbe	:	darkslateblue
HTML	:	darkgoldenrod	HTML	:	#483d8b
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#483d8b
CSS	:	darkgoldenrod	CSS	:	#483d8b
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #483d8b
#b8860b	#a87b1d	#98712f	#886641	#785c54	#685166	#584778	#483d8b
#b8860b	#a87b1d	#98712f	#886641	#785c54	#685166	#584778	#483d8b

Kombination von darkgoldenrod und #483d8b
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.				#483d8b eignet sich nicht als Schriftfarbe auf Hintergrund darkgoldenrod. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #483d8b und darkgoldenrod ergibt sich zu 86.73%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.27%.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#483d8b	#483d8b	#483d8b	#483d8b
#c2972d	#c2972d	#9d7209	#9d7209	#62589b	#62589b	#3d3477	#3d3477
#cca850	#cca850	#835f07	#835f07	#7c74ac	#7c74ac	#332b63	#332b63
#d6b973	#d6b973	#694c06	#694c06	#9690bc	#9690bc	#29224f	#29224f
#e0cb96	#e0cb96	#4e3904	#4e3904	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#eadcb9	#eadcb9	#342603	#342603	#cac7dd	#cac7dd	#141127	#141127
#f4eddc	#f4eddc	#1a1301	#1a1301	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #483d8b

Wechsel der Hintergrundfarbe bei Hover mit Tag h6

Mit Befehl <h6> wird eine Überschrift gesetzt. Sie kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe darkgoldenrod auf Farbwert #483d8b ändern, wenn man mit der Maus auf <h6> zeigt. Wir bereiten zunächst die Darstellung von <h6> in Farbe darkgoldenrod vor.

Wir legen als Beispiel Farbe darkgoldenrod als Hintergrundfarbe von <h6> fest. Die Textfarbe ändern wir nicht, setzen jedoch die Schriftart auf courier new und verringern die Größe der Schrift auf 92%:

<style type="text/css"><!--
  h6 { 
    background-color:darkgoldenrod; 
    font-size:92%; 
    font-family:courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #483d8b ändert.

<style type="text/css"><!--
  h6: hover { 
    background-color: #483d8b;
  }
//-->
</style>

Weiteres zu h6 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten Befehl h6 ist in der HTML Referenz unter <h6> ausführlich gezeigt.

Text- und Unterstreichungsfarben von Tag cite

Wir ändern für dieses Beispiel die Textfarbe von <cite> auf Farbwert #483d8b. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 9px. Wir unterstreichen den Inhalt von <cite> mit Hilfe eines gefurchten Rahmens mit 1 Punkte Dicke in Farbe darkgoldenrod. In HTML geht dies kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  cite { 
    color: #483d8b; 
    font-family: monospace; 
    border-bottom-color: darkgoldenrod; 
    border-bottom-width: 1pt; 
    font-size: 9px; 
    border-bottom-style: groove;
  }
//-->
</style>

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

Die Beschreibung des Tag cite erfahren Sie in der HTML Referenz unter <cite>.