Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #9400d3

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 palegoldenrod			Schriftfarbwert #9400d3
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #9400d3
Farbe	:	palegoldenrod	Farbwert	:	#9400d3
Farbwert	:	#eee8aa	Farbe	:	darkviolet
HTML	:	palegoldenrod	HTML	:	#9400d3
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#9400d3
CSS	:	palegoldenrod	CSS	:	#9400d3
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #9400d3
#eee8aa	#e1c6af	#d4a5b5	#c784bb	#ba63c1	#ad42c7	#a021cd	#9400d3
#eee8aa	#e1c6af	#d4a5b5	#c784bb	#ba63c1	#ad42c7	#a021cd	#9400d3

Kombination von palegoldenrod und #9400d3
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #9400d3 und palegoldenrod beträgt 75.06%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 24.94%. #9400d3 eignet sich nicht als Schriftfarbe auf Hintergrund palegoldenrod, weil die Farben zu ähnlich sind.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#9400d3	#9400d3	#9400d3	#9400d3
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#a324d9	#a324d9	#7e00b4	#7e00b4
#f2eec2	#f2eec2	#aaa579	#aaa579	#b248df	#b248df	#690096	#690096
#f5f1ce	#f5f1ce	#888461	#888461	#c16de5	#c16de5	#540078	#540078
#f7f5da	#f7f5da	#666348	#666348	#d191ec	#d191ec	#3f005a	#3f005a
#faf8e6	#faf8e6	#444230	#444230	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fcfbf2	#fcfbf2	#222118	#222118	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbwert #9400d3

Füllen und Umranden mit Tag hr

Hier umranden wir <hr> mit einem gepunkteten, 1 Pixel dicken Rahmen in Farbwert #9400d3 . Den Hintergrund von <hr> setzen wir auf Farbe palegoldenrod. In HTML geht das nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:1px dotted #9400d3; background-color:palegoldenrod; }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung des hier gezeigten Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl a

Einen Verweis setzen Sie mit HTML-Befehl <a>. Diesen können Sie hervorheben und farblich gestalten.

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

Zum Beispiel setzen wir bei <a> die Hintergrundfarbe auf Farbe palegoldenrod. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift verringern wir auf 97%.

<style type="text/css"><!--
  a { 
    background-color: palegoldenrod; 
    font-size: 97%; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #9400d3 ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Die Beschreibung des hier gezeigten Tag a finden Sie in der HTML Referenz unter <a>.