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

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 mediumpurple
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift mediumpurple
Farbwert	:	#ffdab9	Farbe	:	mediumpurple
Farbe	:	peachpuff	Farbwert	:	#9370db
HTML	:	#ffdab9	HTML	:	mediumpurple
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#9370db
CSS	:	#ffdab9	CSS	:	mediumpurple
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbe mediumpurple
#ffdab9	#efcabd	#e0bbc2	#d0acc7	#c19dcc	#b18ed1	#a27fd6	#9370db
#ffdab9	#efcabd	#e0bbc2	#d0acc7	#c19dcc	#b18ed1	#a27fd6	#9370db

Kombination von #ffdab9 und mediumpurple
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				mediumpurple eignet sich nicht als Schriftfarbe auf Hintergrund #ffdab9. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben mediumpurple und #ffdab9 ergibt sich zu 86.36%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.64%.

Hintergrundfarbwert #ffdab9				Schriftfarbe mediumpurple
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#9370db	#9370db	#9370db	#9370db
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#a284e0	#a284e0	#7e60bb	#7e60bb
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#b198e5	#b198e5	#69509c	#69509c
#ffe9d7	#ffe9d7	#917c69	#917c69	#c1adea	#c1adea	#54407d	#54407d
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#fff4eb	#fff4eb	#483e34	#483e34	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#fff9f5	#fff9f5	#241f1a	#241f1a	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbe mediumpurple

Füllen und Umranden bei Tag img

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe mediumpurple . Den Hintergrund von <img> setzen wir entsprechend auf Farbwert #ffdab9. In HTML geht dies kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  img { 
    border-style:double; 
    border-color:mediumpurple; 
    border-width:5px; 
    background-color:#ffdab9;
  }
//-->
</style>

Mehr zum Thema img können Sie in Grafik in HTML nachlesen. Weiteres zum hier verwendeten Befehl <img>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl cite

Die Hintergrundfarbe soll sich von Farbwert #ffdab9 auf Farbe mediumpurple ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <cite> in Farbwert #ffdab9 vor.

Wir setzen für dieses Beispiel bei <cite> die Hintergrundfarbe auf Farbwert #ffdab9:

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

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf mediumpurple gesetzt wird.

<style type="text/css"><!--
  cite:hover { 
    background-color:mediumpurple;
  }
//-->
</style>

Mehr zum hier genutzten HTML-Tag <cite>.