Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegreen und Farbe gold

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 palegreen			Schriftfarbe gold
Detail	:	Hintergrund palegreen	Detail	:	Schrift gold
Farbe	:	palegreen	Farbe	:	gold
Farbwert	:	#98fb98	Farbwert	:	#ffd700
HTML	:	palegreen	HTML	:	gold
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#ffd700
CSS	:	palegreen	CSS	:	gold
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe palegreen nach Schriftfarbe gold
#98fb98	#a6f582	#b5f06c	#c4eb56	#d2e641	#e1e12b	#f0dc15	#ffd700
#98fb98	#a6f582	#b5f06c	#c4eb56	#d2e641	#e1e12b	#f0dc15	#ffd700

Kombination von palegreen und gold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				gold eignet sich nicht als Schriftfarbe auf Hintergrund palegreen, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von gold und palegreen ergibt sich zu 94.72%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.28%.

Hintergrundfarbe palegreen				Schriftfarbe gold
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#ffd700	#ffd700	#ffd700	#ffd700
#a6fba6	#a6fba6	#82d782	#82d782	#ffdc24	#ffdc24	#dab800	#dab800
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#ffe248	#ffe248	#b69900	#b69900
#c4fcc4	#c4fcc4	#568f56	#568f56	#ffe86d	#ffe86d	#917a00	#917a00
#d2fdd2	#d2fdd2	#416b41	#416b41	#ffed91	#ffed91	#6d5c00	#6d5c00
#e1fde1	#e1fde1	#2b472b	#2b472b	#fff3b6	#fff3b6	#483d00	#483d00
#f0fef0	#f0fef0	#152315	#152315	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegreen und Farbe gold

Hintergrund/Text-Kombination von HTML-Tag input

Hier ändern wir die Textfarbe von <input> auf Farbe gold und die Hintergrundfarbe von <input> auf Farbe palegreen. Die Schriftart setzen wir auf monospace und als Schriftgröße entscheiden wir uns für 127%.

<style type="text/css"><!--
  input { 
    color:gold; 
    font-family:monospace; 
    background-color:palegreen; 
    font-size:127%;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Mehr zum hier genutzten HTML-Tag <input>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag a

Einen Link setzt man mit Befehl <a>. Dieser kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe palegreen auf Farbe gold ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe palegreen vor.

Als Beispiel legen wir Farbe palegreen als Hintergrundfarbe von <a> fest und setzen die Schriftgröße auf 14pt:

<style type="text/css"><!--
  a { 
    background-color: palegreen; 
    font-size: 14pt;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf gold ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Der Befehl a ist in der HTML Referenz unter <a> ausführlich gezeigt.