Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdab9 und Farbwert #fff5ee

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 #ffdab9			Schriftfarbwert #fff5ee
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #fff5ee
Farbwert	:	#ffdab9	Farbwert	:	#fff5ee
Farbe	:	peachpuff	Farbe	:	seashell
HTML	:	#ffdab9	HTML	:	#fff5ee
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#fff5ee
CSS	:	#ffdab9	CSS	:	#fff5ee
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #fff5ee
#ffdab9	#ffddc0	#ffe1c8	#ffe5cf	#ffe9d7	#ffedde	#fff1e6	#fff5ee
#ffdab9	#ffddc0	#ffe1c8	#ffe5cf	#ffe9d7	#ffedde	#fff1e6	#fff5ee

Kombination von #ffdab9 und #fff5ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #fff5ee und #ffdab9 beträgt 94.18%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.82%. Auf Hintergrund #ffdab9 ist #fff5ee ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#ffe9d7	#ffe9d7	#917c69	#917c69	#fff9f5	#fff9f5	#918c88	#918c88
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#fffaf7	#fffaf7	#6d6966	#6d6966
#fff4eb	#fff4eb	#483e34	#483e34	#fffcfa	#fffcfa	#484644	#484644
#fff9f5	#fff9f5	#241f1a	#241f1a	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbwert #fff5ee

Wechsel der Umrandung bei Hover bei Tag li

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

In diesem Beispiel umranden wir <li> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #ffdab9.

<style type="text/css"><!--
  li { 
    border-color:#ffdab9; 
    border-width:2px; 
    border-style:outset;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #fff5ee ändert.

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

Weiteres zum Thema li erfahren Sie in Listen und Glossare in HTML. Der Tag li ist in der HTML Referenz unter <li> genau zusammengestellt.

Text- und Unterstreichungsfarben bei HTML-Befehl label

Wir ändern für dieses Beispiel die Textfarbe von <label> auf Farbwert #fff5ee. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <label> mit Hilfe eines gefurchten Rahmens mit 2 Punkte Dicke in Farbwert #ffdab9. Mit HTML geht dies nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  label { 
    color: #fff5ee; 
    border-bottom-style: groove; 
    border-bottom-width: 2pt; 
    font-family: verdana; 
    border-bottom-color: #ffdab9; 
    font-size: 13px;
  }
//-->
</style>

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

Weiteres zu label lesen Sie in Formulare in HTML. Einzelheiten des HTML-Befehl <label>.