Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #0000cd und Farbe hotpink

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.

Hintergrundfarbwert #0000cd			Schriftfarbe hotpink
Detail	:	Hintergrund #0000cd	Detail	:	Schrift hotpink
Farbwert	:	#0000cd	Farbe	:	hotpink
Farbe	:	mediumblue	Farbwert	:	#ff69b4
HTML	:	#0000cd	HTML	:	hotpink
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#ff69b4
CSS	:	#0000cd	CSS	:	hotpink
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbwert #0000cd nach Schriftfarbe hotpink
#0000cd	#240fc9	#481ec5	#6d2dc2	#913cbe	#b64bbb	#da5ab7	#ff69b4
#0000cd	#240fc9	#481ec5	#6d2dc2	#913cbe	#b64bbb	#da5ab7	#ff69b4

Kombination von #0000cd und hotpink
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben hotpink und #0000cd ergibt sich zu 79.93%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 20.07%. Auf Hintergrund #0000cd ist hotpink ungeeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind sich jedoch zu ähnlich.

Hintergrundfarbwert #0000cd				Schriftfarbe hotpink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#2424d4	#2424d4	#0000af	#0000af	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#4848db	#4848db	#000092	#000092	#ff93c9	#ff93c9	#b64b80	#b64b80
#6d6de2	#6d6de2	#000075	#000075	#ffa9d4	#ffa9d4	#913c66	#913c66
#9191e9	#9191e9	#000057	#000057	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#b6b6f0	#b6b6f0	#00003a	#00003a	#ffd4e9	#ffd4e9	#481e33	#481e33
#dadaf7	#dadaf7	#00001d	#00001d	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #0000cd und Farbe hotpink

Wechsel der Umrandung bei Hover mit Tag dd

Die Rahmenfarbe soll sich von Farbwert #0000cd auf Farbe hotpink ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbwert #0000cd vor.

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #0000cd.

<style type="text/css"><!--
  dd { 
    border-width: 1px; 
    border-style: outset; 
    border-color: #0000cd;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu hotpink ändert.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Die Beschreibung des HTML-Tag dd lesen Sie in der HTML Referenz unter <dd>.