Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7b68ee und Farbwert #696969

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #7b68ee			Schriftfarbwert #696969
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift #696969
Farbwert	:	#7b68ee	Farbwert	:	#696969
Farbe	:	mediumslateblue	Farbe	:	dimgray
HTML	:	#7b68ee	HTML	:	#696969
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#696969
CSS	:	#7b68ee	CSS	:	#696969
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#696969
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbwert #696969
#7b68ee	#7868db	#7568c8	#7368b5	#7068a2	#6e688f	#6b687c	#696969
#7b68ee	#7868db	#7568c8	#7368b5	#7068a2	#6e688f	#6b687c	#696969

Kombination von #7b68ee und #696969
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von #696969 und #7b68ee beträgt 93.70%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.30%. #696969 ist nicht als Schriftfarbe auf Hintergrund #7b68ee geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #7b68ee				Schriftfarbwert #696969
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#696969	#696969	#696969	#696969
#8d7df0	#8d7df0	#6959cc	#6959cc	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#a093f2	#a093f2	#574aaa	#574aaa	#939393	#939393	#4b4b4b	#4b4b4b
#b3a8f5	#b3a8f5	#463b88	#463b88	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#c6bef7	#c6bef7	#342c66	#342c66	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#d9d3fa	#d9d3fa	#231d44	#231d44	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#ece9fc	#ece9fc	#110e22	#110e22	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #7b68ee und Farbwert #696969

Wechsel der Hintergrundfarbe bei Hover mit Tag pre

Die Hintergrundfarbe soll sich von Farbwert #7b68ee auf Farbwert #696969 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <pre> in Farbwert #7b68ee vor.

Z.B. setzen wir die Hintergrundfarbe von <pre> auf Farbwert #7b68ee.

<style type="text/css"><!--
  pre { 
    background-color: #7b68ee;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #696969 geändert wird.

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

Mehr zu pre lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom HTML-Tag <pre>.