Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #f0ffff

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.

Hintergrundfarbe lightyellow			Schriftfarbwert #f0ffff
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #f0ffff
Farbe	:	lightyellow	Farbwert	:	#f0ffff
Farbwert	:	#ffffe0	Farbe	:	azure
HTML	:	lightyellow	HTML	:	#f0ffff
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#f0ffff
CSS	:	lightyellow	CSS	:	#f0ffff
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #f0ffff
#ffffe0	#fcffe4	#faffe8	#f8ffed	#f6fff1	#f4fff6	#f2fffa	#f0ffff
#ffffe0	#fcffe4	#faffe8	#f8ffed	#f6fff1	#f4fff6	#f2fffa	#f0ffff

Kombination von lightyellow und #f0ffff
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.				#f0ffff eignet sich nicht als Schriftfarbe auf Hintergrund lightyellow. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #f0ffff und lightyellow beträgt 95.20%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.80%.

Hintergrundfarbe lightyellow				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#ffffe4	#ffffe4	#dadac0	#dadac0	#f2ffff	#f2ffff	#cddada	#cddada
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#ffffed	#ffffed	#919180	#919180	#f6ffff	#f6ffff	#899191	#899191
#fffff1	#fffff1	#6d6d60	#6d6d60	#f8ffff	#f8ffff	#666d6d	#666d6d
#fffff6	#fffff6	#484840	#484840	#faffff	#faffff	#444848	#444848
#fffffa	#fffffa	#242420	#242420	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #f0ffff

Wechsel der Umrandung bei Hover mit Tag img

Die Rahmenfarbe soll sich von Farbe lightyellow auf Farbwert #f0ffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <img> in Farbe lightyellow vor.

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbe lightyellow.

<style type="text/css"><!--
  img { border:3px dashed lightyellow; }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #f0ffff gesetzt wird.

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

Mehr zum Thema lesen Sie in Grafik in HTML. Der HTML-Befehl img ist in der HTML Referenz bei <img> zusammengestellt.

Text- und Unterstreichungsfarben von Tag var

Für dieses Beispiel ändern wir die Textfarbe von <var> auf Farbwert #f0ffff und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif und vergrößern die Schriftgröße auf 110%. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbe lightyellow. Mit HTML ist dies kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    font-family:sans-serif; 
    color:#f0ffff; 
    border-bottom:2px groove lightyellow; 
    font-size:110%;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Text in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag var lesen Sie in der HTML Referenz unter <var>.