Ressourcen: 120 HTML Farbnamen - Kombination von Farbe plum und Farbwert #fffacd

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.

Hintergrundfarbe plum			Schriftfarbwert #fffacd
Detail	:	Hintergrund plum	Detail	:	Schrift #fffacd
Farbe	:	plum	Farbwert	:	#fffacd
Farbwert	:	#dda0dd	Farbe	:	lemonchiffon
HTML	:	plum	HTML	:	#fffacd
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#fffacd
CSS	:	plum	CSS	:	#fffacd
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe plum nach Schriftfarbwert #fffacd
#dda0dd	#e1acda	#e6b9d8	#ebc6d6	#f0d3d3	#f5e0d1	#faedcf	#fffacd
#dda0dd	#e1acda	#e6b9d8	#ebc6d6	#f0d3d3	#f5e0d1	#faedcf	#fffacd

Kombination von plum und #fffacd
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.				#fffacd ist nicht als Schriftfarbe auf Hintergrund plum geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #fffacd und plum ergibt sich zu 90.70%. Die Lesbarkeit dieser Kombination liegt damit bei 9.30%.

Hintergrundfarbe plum				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#fffacd	#fffacd	#fffacd	#fffacd
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#fffad4	#fffad4	#dad6af	#dad6af
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#fffbdb	#fffbdb	#b6b292	#b6b292
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#fffce2	#fffce2	#918e75	#918e75
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#fffce9	#fffce9	#6d6b57	#6d6b57
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#fffdf0	#fffdf0	#48473a	#48473a
#faf1fa	#faf1fa	#1f161f	#1f161f	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe plum und Farbwert #fffacd

Wechsel der Umrandung bei Hover von Tag iframe

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

In diesem Beispiel umranden wir <iframe> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe plum.

<style type="text/css"><!--
  iframe { 
    border-color:plum; 
    border-width:1px; 
    border-style:dotted;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #fffacd gesetzt wird.

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

Einzelheiten vom HTML-Befehl <iframe>.