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

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 #deb887			Schriftfarbwert #f0fff0
Detail	:	Hintergrund #deb887	Detail	:	Schrift #f0fff0
Farbwert	:	#deb887	Farbwert	:	#f0fff0
Farbe	:	burlywood	Farbe	:	honeydew
HTML	:	#deb887	HTML	:	#f0fff0
HTML (Wert)	:	#deb887	HTML (Wert)	:	#f0fff0
CSS	:	#deb887	CSS	:	#f0fff0
CSS (Wert)	:	#deb887	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbwert #f0fff0
#deb887	#e0c296	#e3cca5	#e5d6b4	#e8e0c3	#eaead2	#edf4e1	#f0fff0
#deb887	#e0c296	#e3cca5	#e5d6b4	#e8e0c3	#eaead2	#edf4e1	#f0fff0

Kombination von #deb887 und #f0fff0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund #deb887. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #f0fff0 und #deb887 beträgt 91.47%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.53%.

Hintergrundfarbwert #deb887				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#e2c298	#e2c298	#be9d73	#be9d73	#f2fff2	#f2fff2	#cddacd	#cddacd
#e7cca9	#e7cca9	#9e8360	#9e8360	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#f6fff6	#f6fff6	#899189	#899189
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#f8fff8	#f8fff8	#666d66	#666d66
#f5eadc	#f5eadc	#3f3426	#3f3426	#fafffa	#fafffa	#444844	#444844
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbwert #f0fff0

Wechsel der Umrandung bei Hover von Tag dt

Die Rahmenfarbe soll sich von Farbwert #deb887 auf Farbwert #f0fff0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbwert #deb887 vor.

In diesem Beispiel umranden wir <dt> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #deb887.

<style type="text/css"><!--
  dt { border:3px groove #deb887; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #f0fff0 gesetzt wird.

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

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Möglichkeiten des hier verwendeten HTML-Tag <dt>.

Text- und Unterstreichungsfarben mit Tag a

Mit Befehl <a> wird ein Link gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #f0fff0. Die Schriftart setzen wir auf courier new. Die Schriftgröße vergrößern wir auf 129%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #deb887. Das geht in HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { 
    border-bottom:5px outset #deb887; 
    font-size:129%; 
    color:#f0fff0; 
    font-family:courier new;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Beschreibung des HTML-Befehl <a>.