Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ee82ee und Farbwert #6b8e23

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 #ee82ee			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift #6b8e23
Farbwert	:	#ee82ee	Farbwert	:	#6b8e23
Farbe	:	violet	Farbe	:	olivedrab
HTML	:	#ee82ee	HTML	:	#6b8e23
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#6b8e23
CSS	:	#ee82ee	CSS	:	#6b8e23
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbwert #6b8e23
#ee82ee	#db83d1	#c885b4	#b58797	#a3887a	#908a5d	#7d8c40	#6b8e23
#ee82ee	#db83d1	#c885b4	#b58797	#a3887a	#908a5d	#7d8c40	#6b8e23

Kombination von #ee82ee und #6b8e23
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#6b8e23 ist nicht als Schriftfarbe auf Hintergrund #ee82ee geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #6b8e23 und #ee82ee ergibt sich zu 92.18%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.82%.

Hintergrundfarbwert #ee82ee				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#809e42	#809e42	#5b791e	#5b791e
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#95ae61	#95ae61	#4c6519	#4c6519
#f5b7f5	#f5b7f5	#884a88	#884a88	#aabe81	#aabe81	#3d5114	#3d5114
#f7c9f7	#f7c9f7	#663766	#663766	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fadbfa	#fadbfa	#442544	#442544	#d4dec0	#d4dec0	#1e280a	#1e280a
#fcedfc	#fcedfc	#221222	#221222	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbwert #6b8e23

Wechsel der Textfarbe bei Hover von HTML-Tag strike

Die Textfarbe soll sich von Farbwert #ee82ee auf Farbwert #6b8e23 ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbwert #ee82ee vor.

Wir legen in diesem Beispiel die Textfarbe von <strike> auf Farbwert #ee82ee fest:

<style type="text/css"><!--
  strike { 
    color: #ee82ee;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #6b8e23 gesetzt wird.

<style type="text/css"><!--
  strike:hover { 
    color:#6b8e23;
  }
//-->
</style>

Mehr zu strike lesen Sie in Text in HTML. Weiteres zum hier verwendeten HTML-Befehl strike ist in der HTML Referenz bei <strike> ausführlich gezeigt.

Hintergrund/Text-Kombination von HTML-Tag del

Hier ändern wir die Textfarbe von <del> auf Farbwert #6b8e23 und die Hintergrundfarbe von <del> auf Farbwert #ee82ee. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße erhöhen wir auf 118%.

<style type="text/css"><!--
  del { 
    font-size:118%; 
    color:#6b8e23; 
    background-color:#ee82ee; 
    font-family:sans-serif;
  }
//-->
</style>

Der Tag del ist in der HTML Referenz unter <del> genau beschrieben.