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

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 #00bfff
Detail	:	Hintergrund deeppink	Detail	:	Schrift #00bfff
Farbe	:	deeppink	Farbwert	:	#00bfff
Farbwert	:	#ff1493	Farbe	:	deepskyblue
HTML	:	deeppink	HTML	:	#00bfff
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#00bfff
CSS	:	deeppink	CSS	:	#00bfff
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbwert #00bfff
#ff1493	#da2ca2	#b644b1	#915dc1	#6d75d0	#488ee0	#24a6ef	#00bfff
#ff1493	#da2ca2	#b644b1	#915dc1	#6d75d0	#488ee0	#24a6ef	#00bfff

Kombination von deeppink und #00bfff
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#00bfff eignet sich nicht als Schriftfarbe auf Hintergrund deeppink, da der Helligkeitsunterschied zu gering ist Die Ähnlichkeit von #00bfff und deeppink beträgt 91.84%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.16%.

Hintergrundfarbe deeppink				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#00bfff	#00bfff	#00bfff	#00bfff
#ff35a2	#ff35a2	#da117e	#da117e	#24c8ff	#24c8ff	#00a3da	#00a3da
#ff57b1	#ff57b1	#b60e69	#b60e69	#48d1ff	#48d1ff	#0088b6	#0088b6
#ff78c1	#ff78c1	#910b54	#910b54	#6ddaff	#6ddaff	#006d91	#006d91
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#91e3ff	#91e3ff	#00516d	#00516d
#ffbbe0	#ffbbe0	#48052a	#48052a	#b6ecff	#b6ecff	#003648	#003648
#ffddef	#ffddef	#240215	#240215	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbwert #00bfff

Wechsel der Umrandung bei Hover bei HTML-Tag hr

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

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

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #00bfff ändert.

<style type="text/css"><!--
  hr:hover { 
    border-color:#00bfff;
  }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum Befehl hr erfahren Sie in der HTML Referenz unter <hr>.

Füllen und Umranden mit Befehl ins

Hier umranden wir <ins> mit einem gepunkteten, 2 Punkte dicken Rahmen in Farbwert #00bfff . Den Hintergrund von <ins> färben wir entsprechend mit Farbe deeppink. Das ist in HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  ins { 
    border-width:2pt; 
    border-style:dotted; 
    background-color:deeppink; 
    border-color:#00bfff;
  }
//-->
</style>

Weiteres zum HTML-Tag <ins>.