Ressourcen: 137 HTML Farbnamen - Kombination von Farbe yellow und Farbe peachpuff

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 yellow			Schriftfarbe peachpuff
Detail	:	Hintergrund yellow	Detail	:	Schrift peachpuff
Farbe	:	yellow	Farbe	:	peachpuff
Farbwert	:	#ffff00	Farbwert	:	#ffdab9
HTML	:	yellow	HTML	:	peachpuff
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#ffdab9
CSS	:	yellow	CSS	:	peachpuff
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbe yellow nach Schriftfarbe peachpuff
#ffff00	#fff91a	#fff434	#ffef4f	#ffe969	#ffe484	#ffdf9e	#ffdab9
#ffff00	#fff91a	#fff434	#ffef4f	#ffe969	#ffe484	#ffdf9e	#ffdab9

Kombination von yellow und peachpuff
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.				peachpuff eignet sich nicht als Schriftfarbe auf Hintergrund yellow, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben peachpuff und yellow ergibt sich zu 94.17%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.83%.

Hintergrundfarbe yellow				Schriftfarbe peachpuff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#ffff24	#ffff24	#dada00	#dada00	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#ffff48	#ffff48	#b6b600	#b6b600	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#ffff6d	#ffff6d	#919100	#919100	#ffe9d7	#ffe9d7	#917c69	#917c69
#ffff91	#ffff91	#6d6d00	#6d6d00	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#ffffb6	#ffffb6	#484800	#484800	#fff4eb	#fff4eb	#483e34	#483e34
#ffffda	#ffffda	#242400	#242400	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellow und Farbe peachpuff

Wechsel der Textfarbe bei Hover mit Befehl var

Die Textfarbe soll sich von Farbe yellow auf Farbe peachpuff ändern, wenn man mit der Maus auf <var> zeigt. Bereiten wir zunächst die Formatierung von <var> in Farbe yellow vor.

In diesem Beispiel legen wir Farbe yellow als Textfarbe von <var> fest.

<style type="text/css"><!--
  var { 
    color: yellow;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf peachpuff ändert.

<style type="text/css"><!--
  var:hover { 
    color:peachpuff;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML nachlesen. Weiteres zum HTML-Tag <var>.

Hintergrund/Text-Kombination bei HTML-Tag tfoot

Hier ändern wir die Textfarbe von <tfoot> auf Farbe peachpuff und die Hintergrundfarbe von <tfoot> auf Farbe yellow. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 122%.

<style type="text/css"><!--
  tfoot { 
    color: peachpuff; 
    font-family: verdana; 
    font-size: 122%; 
    background-color: yellow;
  }
//-->
</style>

Weiteres zu tfoot finden Sie in Tabellen in HTML. Der hier gezeigte Befehl tfoot ist in der HTML Referenz bei <tfoot> genau beschrieben.