Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbwert #dc143c

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			Schriftfarbwert #dc143c
Detail	:	Hintergrund deeppink	Detail	:	Schrift #dc143c
Farbe	:	deeppink	Farbwert	:	#dc143c
Farbwert	:	#ff1493	Farbe	:	crimson
HTML	:	deeppink	HTML	:	#dc143c
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#dc143c
CSS	:	deeppink	CSS	:	#dc143c
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbwert #dc143c
#ff1493	#fa1486	#f5147a	#f0146d	#eb1461	#e61454	#e11448	#dc143c
#ff1493	#fa1486	#f5147a	#f0146d	#eb1461	#e61454	#e11448	#dc143c

Kombination von deeppink und #dc143c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund deeppink ist #dc143c ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #dc143c und deeppink ergibt sich zu 93.47%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.53%.

Hintergrundfarbe deeppink				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#dc143c	#dc143c	#dc143c	#dc143c
#ff35a2	#ff35a2	#da117e	#da117e	#e13557	#e13557	#bc1133	#bc1133
#ff57b1	#ff57b1	#b60e69	#b60e69	#e65773	#e65773	#9d0e2a	#9d0e2a
#ff78c1	#ff78c1	#910b54	#910b54	#eb788f	#eb788f	#7d0b22	#7d0b22
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#f09aab	#f09aab	#5e0819	#5e0819
#ffbbe0	#ffbbe0	#48052a	#48052a	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#ffddef	#ffddef	#240215	#240215	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbwert #dc143c

Wechsel der Umrandung bei Hover bei Befehl h5

Eine Überschrift setzt man mit HTML-Tag <h5>. Diese kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbe deeppink auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h5> in Farbe deeppink vor.

In diesem Beispiel umranden wir <h5> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe deeppink.

<style type="text/css"><!--
  h5 { 
    border-color: deeppink; 
    border-width: 5px; 
    border-style: ridge;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #dc143c geändert wird.

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

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Beschreibung des hier verwendeten HTML-Befehl <h5>.

Wechsel der Textfarbe bei Hover von HTML-Tag pre

Die Textfarbe soll sich von Farbe deeppink auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <pre> in Farbe deeppink vor.

Hier setzen wir die Textfarbe von <pre> auf Farbe deeppink:

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

Nun fordern wir, dass bei Hover die Textfarbe auf #dc143c geändert wird.

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

Weiteres zum Thema pre können Sie in Blockorientierte Elemente in HTML lesen. Einzelheiten des HTML-Tag pre lesen Sie in der HTML Referenz unter <pre>.