Ressourcen: 120 HTML Farbnamen - Kombination von Farbe slateblue und Farbe goldenrod

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 slateblue			Schriftfarbe goldenrod
Detail	:	Hintergrund slateblue	Detail	:	Schrift goldenrod
Farbe	:	slateblue	Farbe	:	goldenrod
Farbwert	:	#6a5acd	Farbwert	:	#daa520
HTML	:	slateblue	HTML	:	goldenrod
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#daa520
CSS	:	slateblue	CSS	:	goldenrod
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbe goldenrod
#6a5acd	#7a64b4	#8a6f9b	#9a7a82	#aa846a	#ba8f51	#ca9a38	#daa520
#6a5acd	#7a64b4	#8a6f9b	#9a7a82	#aa846a	#ba8f51	#ca9a38	#daa520

Kombination von slateblue und goldenrod
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von goldenrod und slateblue beträgt 88.71%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.29%. goldenrod eignet sich nicht als Schriftfarbe auf Hintergrund slateblue, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe slateblue				Schriftfarbe goldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#daa520	#daa520	#daa520	#daa520
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#9489db	#9489db	#4b4092	#4b4092	#e4be5f	#e4be5f	#9b7516	#9b7516
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#efd89f	#efd89f	#5d460d	#5d460d
#d4cff0	#d4cff0	#1e193a	#1e193a	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slateblue und Farbe goldenrod

Hintergrund/Text-Kombination von HTML-Befehl center

Hier ändern wir die Textfarbe von <center> auf Farbe goldenrod und die Hintergrundfarbe von <center> auf Farbe slateblue. Als Schriftart setzen wir sans-serif und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  center { 
    background-color: slateblue; 
    color: goldenrod; 
    font-size: 9px; 
    font-family: sans-serif;
  }
//-->
</style>

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML finden. Der Befehl center ist in der HTML Referenz unter <center> beschrieben.

Wechsel der Umrandung bei Hover mit HTML-Befehl textarea

Die Rahmenfarbe soll sich von Farbe slateblue auf Farbe goldenrod ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <textarea> in Farbe slateblue vor.

In diesem Beispiel umranden wir <textarea> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe slateblue.

<style type="text/css"><!--
  textarea { 
    border-color: slateblue; 
    border-width: 2px; 
    border-style: ridge;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf goldenrod gesetzt wird.

<style type="text/css"><!--
  textarea:hover { 
    border-color:goldenrod;
  }
//-->
</style>

Mehr zum Thema textarea können Sie in Formulare in HTML lesen. Einzelheiten vom hier verwendeten HTML-Befehl textarea sind in der HTML Referenz bei <textarea> genau zusammengestellt.