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

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 mediumpurple			Schriftfarbwert #87ceeb
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift #87ceeb
Farbe	:	mediumpurple	Farbwert	:	#87ceeb
Farbwert	:	#9370db	Farbe	:	skyblue
HTML	:	mediumpurple	HTML	:	#87ceeb
HTML (Wert)	:	#9370db	HTML (Wert)	:	#87ceeb
CSS	:	mediumpurple	CSS	:	#87ceeb
CSS (Wert)	:	#9370db	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbwert #87ceeb
#9370db	#917ddd	#8f8adf	#8d98e1	#8ca5e4	#8ab3e6	#88c0e8	#87ceeb
#9370db	#917ddd	#8f8adf	#8d98e1	#8ca5e4	#8ab3e6	#88c0e8	#87ceeb

Kombination von mediumpurple und #87ceeb
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund mediumpurple ist #87ceeb ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #87ceeb und mediumpurple ergibt sich zu 89.71%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.29%.

Hintergrundfarbe mediumpurple				Schriftfarbwert #87ceeb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#a284e0	#a284e0	#7e60bb	#7e60bb	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#b198e5	#b198e5	#69509c	#69509c	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#c1adea	#c1adea	#54407d	#54407d	#bae3f3	#bae3f3	#4d7586	#4d7586
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#cbeaf6	#cbeaf6	#395864	#395864
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#dcf1f9	#dcf1f9	#263a43	#263a43
#efeaf9	#efeaf9	#15101f	#15101f	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbwert #87ceeb

Wechsel der Umrandung bei Hover mit HTML-Befehl frame

Die Rahmenfarbe soll sich von Farbe mediumpurple auf Farbwert #87ceeb ändern, wenn man mit der Maus auf <frame> zeigt. Bereiten wir zunächst die Formatierung von <frame> in Farbe mediumpurple vor.

In diesem Beispiel umranden wir <frame> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe mediumpurple.

<style type="text/css"><!--
  frame { border:3px inset mediumpurple; }
//-->
</style>

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

<style type="text/css"><!--
  frame:hover { 
    border-color:#87ceeb;
  }
//-->
</style>

Einzelheiten vom Befehl <frame>.

Hintergrund/Text-Kombination bei Tag td

Hier ändern wir die Textfarbe von <td> auf Farbwert #87ceeb und die Hintergrundfarbe von <td> auf Farbe mediumpurple. Als Schriftart setzen wir monospace. Als Schriftgröße wählen wir 9pt.

<style type="text/css"><!--
  td { 
    font-size:9pt; 
    background-color:mediumpurple; 
    font-family:monospace; 
    color:#87ceeb;
  }
//-->
</style>

Mehr zu td können Sie in Tabellen in HTML nachsehen. Beschreibung vom Befehl <td>.