Ressourcen: 120 HTML Farbnamen - Kombination von Farbe violet und Farbwert #4b0082

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 violet			Schriftfarbwert #4b0082
Detail	:	Hintergrund violet	Detail	:	Schrift #4b0082
Farbe	:	violet	Farbwert	:	#4b0082
Farbwert	:	#ee82ee	Farbe	:	indigo
HTML	:	violet	HTML	:	#4b0082
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#4b0082
CSS	:	violet	CSS	:	#4b0082
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbe violet nach Schriftfarbwert #4b0082
#ee82ee	#d66fde	#bf5ccf	#a84abf	#9037b0	#7925a0	#621291	#4b0082
#ee82ee	#d66fde	#bf5ccf	#a84abf	#9037b0	#7925a0	#621291	#4b0082

Kombination von violet und #4b0082
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund violet ist #4b0082 ungeeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit von #4b0082 und violet beträgt 73.38%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 26.62%.

Hintergrundfarbe violet				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#4b0082	#4b0082	#4b0082	#4b0082
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#642493	#642493	#40006f	#40006f
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#7e48a5	#7e48a5	#35005c	#35005c
#f5b7f5	#f5b7f5	#884a88	#884a88	#986db7	#986db7	#2a004a	#2a004a
#f7c9f7	#f7c9f7	#663766	#663766	#b191c9	#b191c9	#200037	#200037
#fadbfa	#fadbfa	#442544	#442544	#cbb6db	#cbb6db	#150025	#150025
#fcedfc	#fcedfc	#221222	#221222	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbwert #4b0082

Wechsel der Hintergrundfarbe bei Hover bei Befehl h6

Eine Überschrift setzen Sie mit Befehl <h6>. Diese kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe violet auf Farbwert #4b0082 ändern, wenn man mit der Maus auf <h6> zeigt. Bereiten wir zunächst die Formatierung von <h6> in Farbe violet vor.

Wir setzen z.B. die Hintergrundfarbe von <h6> auf Farbe violet.

<style type="text/css"><!--
  h6 { 
    background-color: violet;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #4b0082 geändert wird.

<style type="text/css"><!--
  h6:hover { 
    background-color:#4b0082;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag h6 sind in der HTML Referenz unter <h6> genau zusammengestellt.

Text- und Unterstreichungsfarben mit HTML-Tag abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #4b0082. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines herausstehenden Rahmens mit 1 Punkte Dicke in Farbe violet. Mit HTML ist das nicht machbar. Wir verwenden daher CSS.

<style type="text/css"><!--
  abbr { 
    border-bottom: 1pt outset violet; 
    font-size: 9pt; 
    font-family: sans-serif; 
    color: #4b0082;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Möglichkeiten des hier gezeigten Tag abbr sind in der HTML Referenz unter <abbr> ausführlich zusammengestellt.