Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deepskyblue und Farbe darkviolet

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 deepskyblue			Schriftfarbe darkviolet
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift darkviolet
Farbe	:	deepskyblue	Farbe	:	darkviolet
Farbwert	:	#00bfff	Farbwert	:	#9400d3
HTML	:	deepskyblue	HTML	:	darkviolet
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#9400d3
CSS	:	deepskyblue	CSS	:	darkviolet
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbe darkviolet
#00bfff	#15a3f8	#2a88f2	#3f6dec	#5451e5	#6936df	#7e1bd9	#9400d3
#00bfff	#15a3f8	#2a88f2	#3f6dec	#5451e5	#6936df	#7e1bd9	#9400d3

Kombination von deepskyblue und darkviolet
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund deepskyblue ist darkviolet ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von darkviolet und deepskyblue beträgt 85.27%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 14.73%.

Hintergrundfarbe deepskyblue				Schriftfarbe darkviolet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#9400d3	#9400d3	#9400d3	#9400d3
#24c8ff	#24c8ff	#00a3da	#00a3da	#a324d9	#a324d9	#7e00b4	#7e00b4
#48d1ff	#48d1ff	#0088b6	#0088b6	#b248df	#b248df	#690096	#690096
#6ddaff	#6ddaff	#006d91	#006d91	#c16de5	#c16de5	#540078	#540078
#91e3ff	#91e3ff	#00516d	#00516d	#d191ec	#d191ec	#3f005a	#3f005a
#b6ecff	#b6ecff	#003648	#003648	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#daf5ff	#daf5ff	#001b24	#001b24	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe deepskyblue und Farbe darkviolet

Wechsel der Hintergrundfarbe bei Hover von Tag tbody

Die Hintergrundfarbe soll sich von Farbe deepskyblue auf Farbe darkviolet ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <tbody> in Farbe deepskyblue vor.

Wir legen z.B. bei <tbody> die Hintergrundfarbe auf Farbe deepskyblue fest. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 97%:

<style type="text/css"><!--
  tbody { 
    background-color:deepskyblue; 
    font-family:courier new; 
    font-size:97%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf darkviolet geändert wird.

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

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Einzelheiten des hier genutzten Befehl tbody lesen Sie in der HTML Referenz unter <tbody>.