Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f0fff0 und Farbwert #ffd700

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.

Hintergrundfarbwert #f0fff0			Schriftfarbwert #ffd700
Detail	:	Hintergrund #f0fff0	Detail	:	Schrift #ffd700
Farbwert	:	#f0fff0	Farbwert	:	#ffd700
Farbe	:	honeydew	Farbe	:	gold
HTML	:	#f0fff0	HTML	:	#ffd700
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#ffd700
CSS	:	#f0fff0	CSS	:	#ffd700
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #f0fff0 nach Schriftfarbwert #ffd700
#f0fff0	#f2f9cd	#f4f3ab	#f6ed89	#f8e866	#fae244	#fcdc22	#ffd700
#f0fff0	#f2f9cd	#f4f3ab	#f6ed89	#f8e866	#fae244	#fcdc22	#ffd700

Kombination von #f0fff0 und #ffd700
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ffd700 ist nicht als Schriftfarbe auf Hintergrund #f0fff0 geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #ffd700 und #f0fff0 ergibt sich zu 93.55%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.45%.

Hintergrundfarbwert #f0fff0				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#ffd700	#ffd700	#ffd700	#ffd700
#f2fff2	#f2fff2	#cddacd	#cddacd	#ffdc24	#ffdc24	#dab800	#dab800
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#ffe248	#ffe248	#b69900	#b69900
#f6fff6	#f6fff6	#899189	#899189	#ffe86d	#ffe86d	#917a00	#917a00
#f8fff8	#f8fff8	#666d66	#666d66	#ffed91	#ffed91	#6d5c00	#6d5c00
#fafffa	#fafffa	#444844	#444844	#fff3b6	#fff3b6	#483d00	#483d00
#fcfffc	#fcfffc	#222422	#222422	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0fff0 und Farbwert #ffd700

Wechsel der Umrandung bei Hover mit Tag span

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

In diesem Beispiel umranden wir <span> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #f0fff0.

<style type="text/css"><!--
  span { border:5px groove #f0fff0; }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #ffd700 geändert wird.

<style type="text/css"><!--
  span:hover { 
    border-color:#ffd700;
  }
//-->
</style>

Mehr zum hier gezeigten Tag span ist in der HTML Referenz unter <span> beschrieben.

Text- und Unterstreichungsfarben mit Tag strong

Wir ändern bei diesem Beispiel die Textfarbe von <strong> auf Farbwert #ffd700. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbwert #f0fff0. Mit HTML ist dies kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  strong { 
    border-bottom: 2px inset #f0fff0; 
    color: #ffd700; 
    font-family: courier new; 
    font-size: 13px;
  }
//-->
</style>

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

Mehr zum Thema strong finden Sie in Text in HTML. Einzelheiten vom HTML-Tag <strong>.