Ressourcen: 120 HTML Farbnamen - Kombination von Farbe greenyellow und Farbe sienna

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 greenyellow			Schriftfarbe sienna
Detail	:	Hintergrund greenyellow	Detail	:	Schrift sienna
Farbe	:	greenyellow	Farbe	:	sienna
Farbwert	:	#adff2f	Farbwert	:	#a0522d
HTML	:	greenyellow	HTML	:	sienna
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#a0522d
CSS	:	greenyellow	CSS	:	sienna
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe greenyellow nach Schriftfarbe sienna
#adff2f	#abe62e	#a9cd2e	#a7b42e	#a59c2d	#a3832d	#a16a2d	#a0522d
#adff2f	#abe62e	#a9cd2e	#a7b42e	#a59c2d	#a3832d	#a16a2d	#a0522d

Kombination von greenyellow und sienna
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 der Farben sienna und greenyellow ergibt sich zu 78.20%. Die Lesbarkeit dieser Kombination ergibt sich zu 21.80%. Auf Hintergrund greenyellow ist sienna ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe greenyellow				Schriftfarbe sienna
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#a0522d	#a0522d	#a0522d	#a0522d
#b8ff4c	#b8ff4c	#94da28	#94da28	#ad6a4b	#ad6a4b	#894626	#894626
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#bb8369	#bb8369	#723a20	#723a20
#d0ff88	#d0ff88	#62911a	#62911a	#c89c87	#c89c87	#5b2e19	#5b2e19
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#d6b4a5	#d6b4a5	#442313	#442313
#e7ffc3	#e7ffc3	#31480d	#31480d	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#f3ffe1	#f3ffe1	#182406	#182406	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe greenyellow und Farbe sienna

Hintergrund/Text-Kombination mit Tag fieldset

In diesem Beispiel ändern wir die Textfarbe von <fieldset> auf Farbe sienna und die Hintergrundfarbe von <fieldset> auf Farbe greenyellow. Als Schriftart wählen wir verdana und setzen die Schriftgröße auf 87%.

<style type="text/css"><!--
  fieldset { 
    font-size: 87%; 
    color: sienna; 
    background-color: greenyellow; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zum Thema fieldset können Sie in Formulare in HTML nachsehen. Weiteres zum Tag fieldset lesen Sie in der HTML Referenz unter <fieldset>.

Wechsel der Textfarbe bei Hover mit Befehl s

Die Textfarbe soll sich von Farbe greenyellow auf Farbe sienna ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbe greenyellow vor.

Wir setzen für dieses Beispiel die Textfarbe von <s> auf Farbe greenyellow. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf arial. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  s { 
    font-size:96%; 
    font-family:arial; 
    color:greenyellow;
  }
//-->
</style>

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

<style type="text/css"><!--
  s:hover { 
    color:sienna;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Die Beschreibung des hier gezeigten Befehl s finden Sie in der HTML Referenz unter <s>.