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

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 #ff7f50
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift #ff7f50
Farbwert	:	#7b68ee	Farbwert	:	#ff7f50
Farbe	:	mediumslateblue	Farbe	:	coral
HTML	:	#7b68ee	HTML	:	#ff7f50
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#ff7f50
CSS	:	#7b68ee	CSS	:	#ff7f50
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbwert #ff7f50
#7b68ee	#8d6bd7	#a06ec0	#b371aa	#c67593	#d9787d	#ec7b66	#ff7f50
#7b68ee	#8d6bd7	#a06ec0	#b371aa	#c67593	#d9787d	#ec7b66	#ff7f50

Kombination von #7b68ee und #ff7f50
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ff7f50 und #7b68ee ergibt sich zu 92.09%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.91%. #ff7f50 ist nicht als Schriftfarbe auf Hintergrund #7b68ee geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #7b68ee				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#8d7df0	#8d7df0	#6959cc	#6959cc	#ff9169	#ff9169	#da6c44	#da6c44
#a093f2	#a093f2	#574aaa	#574aaa	#ffa382	#ffa382	#b65a39	#b65a39
#b3a8f5	#b3a8f5	#463b88	#463b88	#ffb59b	#ffb59b	#91482d	#91482d
#c6bef7	#c6bef7	#342c66	#342c66	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#d9d3fa	#d9d3fa	#231d44	#231d44	#ffdacd	#ffdacd	#482416	#482416
#ece9fc	#ece9fc	#110e22	#110e22	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbwert #ff7f50

Wechsel der Hintergrundfarbe bei Hover mit Befehl col

Die Hintergrundfarbe soll sich von Farbwert #7b68ee auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <col> in Farbwert #7b68ee vor.

In diesem Beispiel legen wir Farbwert #7b68ee als Hintergrundfarbe von <col> fest.

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

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #ff7f50 ändert.

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

Weiteres zum Thema col können Sie in Tabellen in HTML lesen. Weiteres zum hier genutzten HTML-Befehl col finden Sie in der HTML Referenz unter <col>.

Hintergrund/Text-Kombination von Befehl option

Wir ändern in diesem Beispiel die Textfarbe von <option> auf Farbwert #ff7f50 und die Hintergrundfarbe von <option> auf Farbwert #7b68ee. Als Schriftart wählen wir arial und erhöhen die Schriftgröße auf 117%.

<style type="text/css"><!--
  option { 
    color:#ff7f50; 
    background-color:#7b68ee; 
    font-size:117%; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Weiteres zum Befehl option erfahren Sie in der HTML Referenz unter <option>.