Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbe violet

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 deeppink			Schriftfarbe violet
Detail	:	Hintergrund deeppink	Detail	:	Schrift violet
Farbe	:	deeppink	Farbe	:	violet
Farbwert	:	#ff1493	Farbwert	:	#ee82ee
HTML	:	deeppink	HTML	:	violet
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#ee82ee
CSS	:	deeppink	CSS	:	violet
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbe violet
#ff1493	#fc23a0	#fa33ad	#f743ba	#f552c7	#f262d4	#f072e1	#ee82ee
#ff1493	#fc23a0	#fa33ad	#f743ba	#f552c7	#f262d4	#f072e1	#ee82ee

Kombination von deeppink und violet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit der Farben violet und deeppink ergibt sich zu 92.52%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.48%. Auf Hintergrund deeppink ist violet ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe deeppink				Schriftfarbe violet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#ff35a2	#ff35a2	#da117e	#da117e	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#ff57b1	#ff57b1	#b60e69	#b60e69	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#ff78c1	#ff78c1	#910b54	#910b54	#f5b7f5	#f5b7f5	#884a88	#884a88
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#f7c9f7	#f7c9f7	#663766	#663766
#ffbbe0	#ffbbe0	#48052a	#48052a	#fadbfa	#fadbfa	#442544	#442544
#ffddef	#ffddef	#240215	#240215	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbe violet

Wechsel der Umrandung bei Hover von HTML-Befehl h6

Eine Überschrift der 6. Stufe wird mit HTML-Befehl <h6> erzeugt. Diese können Sie farblich gestalten und hervorheben.

Die Rahmenfarbe soll sich von Farbe deeppink auf Farbe violet ändern, wenn man mit der Maus auf <h6> zeigt. Wir bereiten zunächst eine Formatierung von <h6> in Farbe deeppink vor.

In diesem Beispiel umranden wir <h6> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbe deeppink.

<style type="text/css"><!--
  h6 { 
    border-style: dashed; 
    border-width: 3px; 
    border-color: deeppink;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf violet ändert.

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

Weiteres zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des Befehl <h6>.

Wechsel der Hintergrundfarbe bei Hover bei Tag del

Die Hintergrundfarbe soll sich von Farbe deeppink auf Farbe violet ändern, wenn man mit der Maus auf <del> zeigt. Wir bereiten zunächst die Darstellung von <del> in Farbe deeppink vor.

Wir setzen in diesem Beispiel die Hintergrundfarbe von <del> auf Farbe deeppink. Die Schriftgröße vergrößern wir auf 129%.

<style type="text/css"><!--
  del { 
    background-color:deeppink; 
    font-size:129%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu violet ändert.

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

Möglichkeiten des hier genutzten Tag <del>.