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

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 #ffffe0
Detail	:	Hintergrund violet	Detail	:	Schrift #ffffe0
Farbe	:	violet	Farbwert	:	#ffffe0
Farbwert	:	#ee82ee	Farbe	:	lightyellow
HTML	:	violet	HTML	:	#ffffe0
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#ffffe0
CSS	:	violet	CSS	:	#ffffe0
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe violet nach Schriftfarbwert #ffffe0
#ee82ee	#f093ec	#f2a5ea	#f5b7e8	#f7c9e6	#fadbe4	#fcede2	#ffffe0
#ee82ee	#f093ec	#f2a5ea	#f5b7e8	#f7c9e6	#fadbe4	#fcede2	#ffffe0

Kombination von violet und #ffffe0
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffffe0 ist nicht als Schriftfarbe auf Hintergrund violet geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #ffffe0 und violet beträgt 89.16%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 10.84%.

Hintergrundfarbe violet				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#ffffe4	#ffffe4	#dadac0	#dadac0
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#f5b7f5	#f5b7f5	#884a88	#884a88	#ffffed	#ffffed	#919180	#919180
#f7c9f7	#f7c9f7	#663766	#663766	#fffff1	#fffff1	#6d6d60	#6d6d60
#fadbfa	#fadbfa	#442544	#442544	#fffff6	#fffff6	#484840	#484840
#fcedfc	#fcedfc	#221222	#221222	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbwert #ffffe0

Hintergrund/Text-Kombination bei Tag h4

Eine Überschrift setzen Sie mit Tag <h4>. Diese können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h4> auf Farbwert #ffffe0 und die Hintergrundfarbe von <h4> auf Farbe violet. Die Schriftart ändern wir auf courier new und als Schriftgröße entscheiden wir uns für 96%.

<style type="text/css"><!--
  h4 { 
    font-size:96%; 
    background-color:violet; 
    font-family:courier new; 
    color:#ffffe0;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten Befehl h4 ist in der HTML Referenz bei <h4> zusammengestellt.

Wechsel der Textfarbe bei Hover bei Befehl h3

Eine Überschrift der 3. Stufe erzeugt man mit Tag <h3>. Diese kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe violet auf Farbwert #ffffe0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h3> in Farbe violet vor.

Hier setzen wir die Textfarbe von <h3> auf Farbe violet.

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

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #ffffe0 ändert.

<style type="text/css"><!--
  h3: hover { 
    color: #ffffe0;
  }
//-->
</style>

Weiteres zu h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der Tag h3 ist in der HTML Referenz bei <h3> genau beschrieben.