Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fff0f5 und Farbe darkorchid

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 #fff0f5			Schriftfarbe darkorchid
Detail	:	Hintergrund #fff0f5	Detail	:	Schrift darkorchid
Farbwert	:	#fff0f5	Farbe	:	darkorchid
Farbe	:	lavenderblush	Farbwert	:	#9932cc
HTML	:	#fff0f5	HTML	:	darkorchid
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#9932cc
CSS	:	#fff0f5	CSS	:	darkorchid
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbwert #fff0f5 nach Schriftfarbe darkorchid
#fff0f5	#f0d4ef	#e1b9e9	#d39ee3	#c483dd	#b668d7	#a74dd1	#9932cc
#fff0f5	#f0d4ef	#e1b9e9	#d39ee3	#c483dd	#b668d7	#a74dd1	#9932cc

Kombination von #fff0f5 und darkorchid
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von darkorchid und #fff0f5 ergibt sich zu 75.39%. Die Lesbarkeit dieser Kombination ergibt sich zu 24.61%. darkorchid eignet sich nicht als Schriftfarbe auf Hintergrund #fff0f5. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #fff0f5				Schriftfarbe darkorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#9932cc	#9932cc	#9932cc	#9932cc
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#a74fd3	#a74fd3	#832aae	#832aae
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#b66cda	#b66cda	#6d2391	#6d2391
#fff6f9	#fff6f9	#91898c	#91898c	#c489e1	#c489e1	#571c74	#571c74
#fff8fa	#fff8fa	#6d6669	#6d6669	#d3a7e9	#d3a7e9	#411557	#411557
#fffafc	#fffafc	#484446	#484446	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#fffcfd	#fffcfd	#242223	#242223	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff0f5 und Farbe darkorchid

Hintergrund/Text-Kombination bei HTML-Tag textarea

Wir ändern für dieses Beispiel die Textfarbe von <textarea> auf Farbe darkorchid und die Hintergrundfarbe von <textarea> auf Farbwert #fff0f5. Die Schriftart setzen wir auf verdana und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  textarea { 
    background-color:#fff0f5; 
    font-family:verdana; 
    font-size:13px; 
    color:darkorchid;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Der Tag textarea ist in der HTML Referenz unter <textarea> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover von HTML-Tag hr

Die Rahmenfarbe soll sich von Farbwert #fff0f5 auf Farbe darkorchid ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <hr> in Farbwert #fff0f5 vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #fff0f5.

<style type="text/css"><!--
  hr { border:3px double #fff0f5; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe auf darkorchid ändert.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Befehl hr lesen Sie in der HTML Referenz unter <hr>.