Ressourcen: 137 HTML Farbnamen - Kombination von Farbe violet und Farbe aliceblue

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.

Hintergrundfarbe violet			Schriftfarbe aliceblue
Detail	:	Hintergrund violet	Detail	:	Schrift aliceblue
Farbe	:	violet	Farbe	:	aliceblue
Farbwert	:	#ee82ee	Farbwert	:	#f0f8ff
HTML	:	violet	HTML	:	aliceblue
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#f0f8ff
CSS	:	violet	CSS	:	aliceblue
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbe violet nach Schriftfarbe aliceblue
#ee82ee	#ee92f0	#eea3f2	#eeb4f5	#efc5f7	#efd6fa	#efe7fc	#f0f8ff
#ee82ee	#ee92f0	#eea3f2	#eeb4f5	#efc5f7	#efd6fa	#efe7fc	#f0f8ff

Kombination von violet und aliceblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von aliceblue und violet beträgt 89.71%. Die Lesbarkeit dieser Kombination liegt damit bei 10.29%. aliceblue eignet sich nicht als Schriftfarbe auf Hintergrund violet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe violet				Schriftfarbe aliceblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#f4faff	#f4faff	#abb1b6	#abb1b6
#f5b7f5	#f5b7f5	#884a88	#884a88	#f6fbff	#f6fbff	#898d91	#898d91
#f7c9f7	#f7c9f7	#663766	#663766	#f8fcff	#f8fcff	#666a6d	#666a6d
#fadbfa	#fadbfa	#442544	#442544	#fafdff	#fafdff	#444648	#444648
#fcedfc	#fcedfc	#221222	#221222	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbe aliceblue

Füllen und Umranden von Tag a

Ein Link wird mit Befehl <a> erzeugt. Diesen können Sie hervorheben und farblich gestalten.

Bei diesem Beispiel umranden wir <a> mit einem 1 Punkte dicken, doppelten Rahmen in Farbe aliceblue . Den Hintergrund von <a> färben wir entsprechend mit Farbe violet. In HTML geht das kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { border:1pt double aliceblue; background-color:violet; }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten vom hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag div

Mit Befehl <div> setzen Sie einen Universalkontainer. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe violet auf Farbe aliceblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <div> in Farbe violet vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <div> auf Farbe violet. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana:

<style type="text/css"><!--
  div { 
    background-color:violet; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf aliceblue gesetzt wird.

<style type="text/css"><!--
  div: hover { 
    background-color: aliceblue;
  }
//-->
</style>

Zur Beschreibung vom hier verwendeten HTML-Befehl <div>.