Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f0f8ff 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 #f0f8ff			Schriftfarbe mediumpurple
Detail	:	Hintergrund #f0f8ff	Detail	:	Schrift mediumpurple
Farbwert	:	#f0f8ff	Farbe	:	mediumpurple
Farbe	:	aliceblue	Farbwert	:	#9370db
HTML	:	#f0f8ff	HTML	:	mediumpurple
HTML (Wert)	:	#f0f8ff	HTML (Wert)	:	#9370db
CSS	:	#f0f8ff	CSS	:	mediumpurple
CSS (Wert)	:	#f0f8ff	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#f0f8ff	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(240,248,255)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(94%,97%,100%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbwert #f0f8ff nach Schriftfarbe mediumpurple
#f0f8ff	#e2e4f9	#d5d1f4	#c8bdef	#baaaea	#ad96e5	#a083e0	#9370db
#f0f8ff	#e2e4f9	#d5d1f4	#c8bdef	#baaaea	#ad96e5	#a083e0	#9370db

Kombination von #f0f8ff und mediumpurple
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f0f8ff ist mediumpurple ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben mediumpurple und #f0f8ff ergibt sich zu 83.30%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 16.70%.

Hintergrundfarbwert #f0f8ff				Schriftfarbe mediumpurple
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff	#9370db	#9370db	#9370db	#9370db
#f2f9ff	#f2f9ff	#cdd4da	#cdd4da	#a284e0	#a284e0	#7e60bb	#7e60bb
#f4faff	#f4faff	#abb1b6	#abb1b6	#b198e5	#b198e5	#69509c	#69509c
#f6fbff	#f6fbff	#898d91	#898d91	#c1adea	#c1adea	#54407d	#54407d
#f8fcff	#f8fcff	#666a6d	#666a6d	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#fafdff	#fafdff	#444648	#444648	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#fcfeff	#fcfeff	#222324	#222324	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0f8ff und Farbe mediumpurple

Wechsel der Textfarbe bei Hover mit Tag blockquote

Die Textfarbe soll sich von Farbwert #f0f8ff auf Farbe mediumpurple ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst eine Darstellung von <blockquote> in Farbwert #f0f8ff vor.

Für dieses Beispiel setzen wir die Textfarbe von <blockquote> auf Farbwert #f0f8ff:

<style type="text/css"><!--
  blockquote { 
    color: #f0f8ff;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf mediumpurple gesetzt wird.

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

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Zur Beschreibung des hier verwendeten HTML-Tag <blockquote>.

Füllen und Umranden von Befehl ins

In diesem Beispiel umranden wir <ins> mit einem . Den Hintergrund von <ins> setzen wir auf Farbwert #f0f8ff. Dies geht in HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  ins { 
    border-style:outset; 
    border-color:mediumpurple; 
    border-width:5pt; 
    background-color:#f0f8ff;
  }
//-->
</style>

Weiteres zum HTML-Tag ins lesen Sie in der HTML Referenz unter <ins>.