Ressourcen: 120 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #6495ed

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.

Hintergrundfarbe goldenrod			Schriftfarbwert #6495ed
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #6495ed
Farbe	:	goldenrod	Farbwert	:	#6495ed
Farbwert	:	#daa520	Farbe	:	cornflowerblue
HTML	:	goldenrod	HTML	:	#6495ed
HTML (Wert)	:	#daa520	HTML (Wert)	:	#6495ed
CSS	:	goldenrod	CSS	:	#6495ed
CSS (Wert)	:	#daa520	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #6495ed
#daa520	#c9a23d	#b8a05a	#a79e77	#969b95	#8599b2	#7497cf	#6495ed
#daa520	#c9a23d	#b8a05a	#a79e77	#969b95	#8599b2	#7497cf	#6495ed

Kombination von goldenrod und #6495ed
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #6495ed und goldenrod beträgt 93.67%. Die Lesbarkeit dieser Kombination liegt damit bei 6.33%. Auf Hintergrund goldenrod ist #6495ed ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe goldenrod				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#6495ed	#6495ed	#6495ed	#6495ed
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#e4be5f	#e4be5f	#9b7516	#9b7516	#90b3f2	#90b3f2	#476aa9	#476aa9
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#a6c2f4	#a6c2f4	#395587	#395587
#efd89f	#efd89f	#5d460d	#5d460d	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#f9f2df	#f9f2df	#1f1704	#1f1704	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #6495ed

Wechsel der Textfarbe bei Hover mit HTML-Tag col

Die Textfarbe soll sich von Farbe goldenrod auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <col> in Farbe goldenrod vor.

Wir legen hier Farbe goldenrod als Textfarbe von <col> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  col { 
    color: goldenrod; 
    font-family: arial;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #6495ed ändert.

<style type="text/css"><!--
  col:hover { 
    color:#6495ed;
  }
//-->
</style>

Mehr zu col können Sie in Tabellen in HTML nachlesen. Beschreibung vom hier gezeigten HTML-Tag <col>.

Text- und Unterstreichungsfarben bei HTML-Befehl fieldset

Wir ändern bei diesem Beispiel die Textfarbe von <fieldset> auf Farbwert #6495ed. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbe goldenrod. Mit HTML geht das kaum. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  fieldset { 
    color: #6495ed; 
    border-bottom-color: goldenrod; 
    font-size: 13px; 
    font-family: sans-serif; 
    border-bottom-width: 1pt; 
    border-bottom-style: ridge;
  }
//-->
</style>

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

Weiteres zum Thema finden Sie in Formulare in HTML. Der hier verwendete HTML-Tag fieldset ist in der HTML Referenz bei <fieldset> ausführlich beschrieben.