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

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			Schriftfarbe lemonchiffon
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift lemonchiffon
Farbwert	:	#ffdab9	Farbe	:	lemonchiffon
Farbe	:	peachpuff	Farbwert	:	#fffacd
HTML	:	#ffdab9	HTML	:	lemonchiffon
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#fffacd
CSS	:	#ffdab9	CSS	:	lemonchiffon
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbe lemonchiffon
#ffdab9	#ffdebb	#ffe3be	#ffe7c1	#ffecc4	#fff0c7	#fff5ca	#fffacd
#ffdab9	#ffdebb	#ffe3be	#ffe7c1	#ffecc4	#fff0c7	#fff5ca	#fffacd

Kombination von #ffdab9 und lemonchiffon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffdab9 ist lemonchiffon ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von lemonchiffon und #ffdab9 beträgt 94.10%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.90%.

Hintergrundfarbwert #ffdab9				Schriftfarbe lemonchiffon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#fffacd	#fffacd	#fffacd	#fffacd
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#fffad4	#fffad4	#dad6af	#dad6af
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#fffbdb	#fffbdb	#b6b292	#b6b292
#ffe9d7	#ffe9d7	#917c69	#917c69	#fffce2	#fffce2	#918e75	#918e75
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#fffce9	#fffce9	#6d6b57	#6d6b57
#fff4eb	#fff4eb	#483e34	#483e34	#fffdf0	#fffdf0	#48473a	#48473a
#fff9f5	#fff9f5	#241f1a	#241f1a	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbe lemonchiffon

Wechsel der Textfarbe bei Hover mit Befehl code

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

Wir legen zum Beispiel bei <code> die Textfarbe auf Farbwert #ffdab9 fest. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  code { 
    color: #ffdab9; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf lemonchiffon ändert.

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

Mehr zum Thema code finden Sie in Text in HTML. Der hier genutzte HTML-Tag code ist in der HTML Referenz unter <code> genau zusammengestellt.

Wechsel der Umrandung bei Hover bei HTML-Befehl acronym

Die Rahmenfarbe soll sich von Farbwert #ffdab9 auf Farbe lemonchiffon ändern, wenn man mit der Maus auf <acronym> zeigt. Wir bereiten zunächst die Formatierung von <acronym> in Farbwert #ffdab9 vor.

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

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

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

<style type="text/css"><!--
  acronym: hover { 
    border-color: lemonchiffon;
  }
//-->
</style>

Weiteres zum hier gezeigten HTML-Befehl acronym ist in der HTML Referenz unter <acronym> ausführlich beschrieben.