Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #800080 und Farbwert #98fb98

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 #800080			Schriftfarbwert #98fb98
Detail	:	Hintergrund #800080	Detail	:	Schrift #98fb98
Farbwert	:	#800080	Farbwert	:	#98fb98
Farbe	:	purple	Farbe	:	palegreen
HTML	:	#800080	HTML	:	#98fb98
HTML (Wert)	:	#800080	HTML (Wert)	:	#98fb98
CSS	:	#800080	CSS	:	#98fb98
CSS (Wert)	:	#800080	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#800080	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(128,0,128)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(50%,0%,50%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbwert #800080 nach Schriftfarbwert #98fb98
#800080	#832383	#864786	#8a6b8a	#8d8f8d	#91b391	#94d794	#98fb98
#800080	#832383	#864786	#8a6b8a	#8d8f8d	#91b391	#94d794	#98fb98

Kombination von #800080 und #98fb98
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #800080 ist #98fb98 ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #98fb98 und #800080 beträgt 64.57%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 35.43%.

Hintergrundfarbwert #800080				Schriftfarbwert #98fb98
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#98fb98	#98fb98	#98fb98	#98fb98
#922492	#922492	#6d006d	#6d006d	#a6fba6	#a6fba6	#82d782	#82d782
#a448a4	#a448a4	#5b005b	#5b005b	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#b66db6	#b66db6	#490049	#490049	#c4fcc4	#c4fcc4	#568f56	#568f56
#c891c8	#c891c8	#360036	#360036	#d2fdd2	#d2fdd2	#416b41	#416b41
#dab6da	#dab6da	#240024	#240024	#e1fde1	#e1fde1	#2b472b	#2b472b
#ecdaec	#ecdaec	#120012	#120012	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800080 und Farbwert #98fb98

Hintergrund/Text-Kombination bei Befehl h4

Eine Überschrift der 4. Stufe erzeugen Sie mit HTML-Tag <h4> und kann farblich gestaltet und hervorgehoben werden.

Wir ändern bei diesem Beispiel die Textfarbe von <h4> auf Farbwert #98fb98 und die Hintergrundfarbe von <h4> auf Farbwert #800080. Als Schriftart setzen wir sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  h4 { 
    color:#98fb98; 
    background-color:#800080; 
    font-size:13px; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom HTML-Befehl <h4>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl dd

Die Hintergrundfarbe soll sich von Farbwert #800080 auf Farbwert #98fb98 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbwert #800080 vor.

Wir legen in diesem Beispiel Farbwert #800080 als Hintergrundfarbe von <dd> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  dd { 
    font-family: monospace; 
    background-color: #800080;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #98fb98 ändert.

<style type="text/css"><!--
  dd:hover { 
    background-color:#98fb98;
  }
//-->
</style>

Weiteres zu dd finden Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten HTML-Befehl dd ist in der HTML Referenz bei <dd> beschrieben.