Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0fff0 und Farbwert #adff2f

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #f0fff0			Schriftfarbwert #adff2f
Detail	:	Hintergrund #f0fff0	Detail	:	Schrift #adff2f
Farbwert	:	#f0fff0	Farbwert	:	#adff2f
Farbe	:	honeydew	Farbe	:	greenyellow
HTML	:	#f0fff0	HTML	:	#adff2f
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#adff2f
CSS	:	#f0fff0	CSS	:	#adff2f
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbwert #f0fff0 nach Schriftfarbwert #adff2f
#f0fff0	#e6ffd4	#dcffb8	#d3ff9d	#c9ff81	#c0ff66	#b6ff4a	#adff2f
#f0fff0	#e6ffd4	#dcffb8	#d3ff9d	#c9ff81	#c0ff66	#b6ff4a	#adff2f

Kombination von #f0fff0 und #adff2f
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #f0fff0 ist #adff2f ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #adff2f und #f0fff0 beträgt 94.36%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.64%.

Hintergrundfarbwert #f0fff0				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#adff2f	#adff2f	#adff2f	#adff2f
#f2fff2	#f2fff2	#cddacd	#cddacd	#b8ff4c	#b8ff4c	#94da28	#94da28
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#f6fff6	#f6fff6	#899189	#899189	#d0ff88	#d0ff88	#62911a	#62911a
#f8fff8	#f8fff8	#666d66	#666d66	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#fafffa	#fafffa	#444844	#444844	#e7ffc3	#e7ffc3	#31480d	#31480d
#fcfffc	#fcfffc	#222422	#222422	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0fff0 und Farbwert #adff2f

Text- und Unterstreichungsfarben von Befehl fieldset

Hier ändern wir die Textfarbe von <fieldset> auf Farbwert #adff2f. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines doppelten Rahmens mit 3 Pixel Dicke in Farbwert #f0fff0. Mit HTML ist dies nicht machbar. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  fieldset { 
    color:#adff2f; 
    border-bottom-width:3px; 
    font-family:arial; 
    font-size:13px; 
    border-bottom-color:#f0fff0; 
    border-bottom-style:double;
  }
//-->
</style>

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

Mehr zum Thema fieldset können Sie in Formulare in HTML nachlesen. Der HTML-Tag fieldset ist in der HTML Referenz unter <fieldset> gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Tag cite

Die Hintergrundfarbe soll sich von Farbwert #f0fff0 auf Farbwert #adff2f ändern, wenn man mit der Maus auf <cite> zeigt. Bereiten wir zunächst die Darstellung von <cite> in Farbwert #f0fff0 vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <cite> auf Farbwert #f0fff0. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  cite { 
    background-color: #f0fff0; 
    font-family: sans-serif;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #adff2f ändert.

<style type="text/css"><!--
  cite: hover { 
    background-color: #adff2f;
  }
//-->
</style>

Die Beschreibung vom hier genutzten HTML-Tag cite finden Sie in der HTML Referenz unter <cite>.