Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffdab9 und Farbwert #c0c0c0

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 #ffdab9			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #c0c0c0
Farbwert	:	#ffdab9	Farbwert	:	#c0c0c0
Farbe	:	peachpuff	Farbe	:	silver
HTML	:	#ffdab9	HTML	:	#c0c0c0
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#c0c0c0
CSS	:	#ffdab9	CSS	:	#c0c0c0
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #c0c0c0
#ffdab9	#f6d6ba	#edd2bb	#e4cebc	#dbcbbd	#d2c7be	#c9c3bf	#c0c0c0
#ffdab9	#f6d6ba	#edd2bb	#e4cebc	#dbcbbd	#d2c7be	#c9c3bf	#c0c0c0

Kombination von #ffdab9 und #c0c0c0
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #ffdab9 ist #c0c0c0 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #c0c0c0 und #ffdab9 ergibt sich zu 93.41%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.59%.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#d2d2d2	#d2d2d2	#898989	#898989
#ffe9d7	#ffe9d7	#917c69	#917c69	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#e4e4e4	#e4e4e4	#525252	#525252
#fff4eb	#fff4eb	#483e34	#483e34	#ededed	#ededed	#363636	#363636
#fff9f5	#fff9f5	#241f1a	#241f1a	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbwert #c0c0c0

Wechsel der Textfarbe bei Hover bei Befehl th

Die Textfarbe soll sich von Farbwert #ffdab9 auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst die Formatierung von <th> in Farbwert #ffdab9 vor.

Zum Beispiel legen wir Farbwert #ffdab9 als Textfarbe von <th> fest:

<style type="text/css"><!--
  th { 
    color:#ffdab9;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #c0c0c0 ändert.

<style type="text/css"><!--
  th:hover { 
    color:#c0c0c0;
  }
//-->
</style>

Mehr zum Thema th können Sie in Tabellen in HTML finden. Einzelheiten des hier gezeigten HTML-Tag th erfahren Sie in der HTML Referenz unter <th>.

Text- und Unterstreichungsfarben von Tag a

Mit Tag <a> setzen Sie einen Link. Dieser kann farblich gestaltet und hervorgehoben werden.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #c0c0c0. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 10px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbwert #ffdab9. In HTML geht das nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom:5px double #ffdab9; 
    color:#c0c0c0; 
    font-family:courier new; 
    font-size:10px;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier verwendeten Befehl a finden Sie in der HTML Referenz unter <a>.