Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbwert #00bfff

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 mediumslateblue			Schriftfarbwert #00bfff
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift #00bfff
Farbe	:	mediumslateblue	Farbwert	:	#00bfff
Farbwert	:	#7b68ee	Farbe	:	deepskyblue
HTML	:	mediumslateblue	HTML	:	#00bfff
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#00bfff
CSS	:	mediumslateblue	CSS	:	#00bfff
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbwert #00bfff
#7b68ee	#6974f0	#5780f2	#468df5	#3499f7	#23a6fa	#11b2fc	#00bfff
#7b68ee	#6974f0	#5780f2	#468df5	#3499f7	#23a6fa	#11b2fc	#00bfff

Kombination von mediumslateblue und #00bfff
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante.				Die Ähnlichkeit von #00bfff und mediumslateblue ergibt sich zu 90.68%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.32%. Auf Hintergrund mediumslateblue ist #00bfff ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe mediumslateblue				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#00bfff	#00bfff	#00bfff	#00bfff
#8d7df0	#8d7df0	#6959cc	#6959cc	#24c8ff	#24c8ff	#00a3da	#00a3da
#a093f2	#a093f2	#574aaa	#574aaa	#48d1ff	#48d1ff	#0088b6	#0088b6
#b3a8f5	#b3a8f5	#463b88	#463b88	#6ddaff	#6ddaff	#006d91	#006d91
#c6bef7	#c6bef7	#342c66	#342c66	#91e3ff	#91e3ff	#00516d	#00516d
#d9d3fa	#d9d3fa	#231d44	#231d44	#b6ecff	#b6ecff	#003648	#003648
#ece9fc	#ece9fc	#110e22	#110e22	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumslateblue und Farbwert #00bfff

Hintergrund/Text-Kombination bei Befehl option

Hier ändern wir die Textfarbe von <option> auf Farbwert #00bfff und die Hintergrundfarbe von <option> auf Farbe mediumslateblue. Als Schriftart setzen wir arial. Die Schriftgröße setzen wir auf 9px.

<style type="text/css"><!--
  option { 
    color:#00bfff; 
    font-family:arial; 
    font-size:9px; 
    background-color:mediumslateblue;
  }
//-->
</style>

Mehr zum Thema option können Sie in Formulare in HTML erfahren. Mehr zum hier gezeigten HTML-Tag option finden Sie in der HTML Referenz unter <option>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl pre

Die Textfarbe soll sich von Farbe mediumslateblue auf Farbwert #00bfff ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst eine Darstellung von <pre> in Farbe mediumslateblue vor.

Wir ändern z.B. die Textfarbe von <pre> auf Farbe mediumslateblue und ändern die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  pre { 
    font-size:9pt; 
    color:mediumslateblue;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #00bfff ändert.

<style type="text/css"><!--
  pre: hover { 
    color: #00bfff;
  }
//-->
</style>

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Mehr zum Tag <pre>.