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

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 #d3d3d3
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift #d3d3d3
Farbwert	:	#ee82ee	Farbwert	:	#d3d3d3
Farbe	:	violet	Farbe	:	lightgrey
HTML	:	#ee82ee	HTML	:	#d3d3d3
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#d3d3d3
CSS	:	#ee82ee	CSS	:	#d3d3d3
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbwert #d3d3d3
#ee82ee	#ea8dea	#e699e6	#e2a4e2	#deb0de	#dabbda	#d6c7d6	#d3d3d3
#ee82ee	#ea8dea	#e699e6	#e2a4e2	#deb0de	#dabbda	#d6c7d6	#d3d3d3

Kombination von #ee82ee und #d3d3d3
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.				Die Ähnlichkeit von #d3d3d3 und #ee82ee ergibt sich zu 92.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.37%. #d3d3d3 eignet sich nicht als Schriftfarbe auf Hintergrund #ee82ee. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #ee82ee				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#dfdfdf	#dfdfdf	#969696	#969696
#f5b7f5	#f5b7f5	#884a88	#884a88	#e5e5e5	#e5e5e5	#787878	#787878
#f7c9f7	#f7c9f7	#663766	#663766	#ececec	#ececec	#5a5a5a	#5a5a5a
#fadbfa	#fadbfa	#442544	#442544	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fcedfc	#fcedfc	#221222	#221222	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbwert #d3d3d3

Wechsel der Umrandung bei Hover bei Tag li

Die Rahmenfarbe soll sich von Farbwert #ee82ee auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst eine Formatierung von <li> in Farbwert #ee82ee vor.

In diesem Beispiel umranden wir <li> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #ee82ee.

<style type="text/css"><!--
  li { 
    border-style: outset; 
    border-color: #ee82ee; 
    border-width: 4px;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #d3d3d3 gesetzt wird.

<style type="text/css"><!--
  li:hover { 
    border-color:#d3d3d3;
  }
//-->
</style>

Weiteres zum Thema li können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten des hier gezeigten Tag li lesen Sie in der HTML Referenz unter <li>.

Hintergrund/Text-Kombination mit Tag label

Hier ändern wir die Textfarbe von <label> auf Farbwert #d3d3d3 und die Hintergrundfarbe von <label> auf Farbwert #ee82ee. Als Schriftart setzen wir monospace und als Schriftgröße entscheiden wir uns für 11pt.

<style type="text/css"><!--
  label { 
    color:#d3d3d3; 
    font-family:monospace; 
    background-color:#ee82ee; 
    font-size:11pt;
  }
//-->
</style>

Weiteres zu label können Sie in Formulare in HTML lesen. Möglichkeiten vom hier gezeigten Befehl label sind in der HTML Referenz unter <label> gezeigt.