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

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 hotpink			Schriftfarbwert #0000cd
Detail	:	Hintergrund hotpink	Detail	:	Schrift #0000cd
Farbe	:	hotpink	Farbwert	:	#0000cd
Farbwert	:	#ff69b4	Farbe	:	mediumblue
HTML	:	hotpink	HTML	:	#0000cd
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#0000cd
CSS	:	hotpink	CSS	:	#0000cd
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(0%,0%,80%)

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

Kombination von hotpink und #0000cd
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #0000cd und hotpink ergibt sich zu 79.93%. Die Lesbarkeit dieser Farbkombination liegt damit bei 20.07%. Auf Hintergrund hotpink ist #0000cd ungeeignet, da der Unterschied in den Farben zu gering ist

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

Beispiele zur Kombination von Farbe hotpink und Farbwert #0000cd

Wechsel der Textfarbe bei Hover bei Befehl a

Ein Verweis wird mit HTML-Tag <a> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe hotpink auf Farbwert #0000cd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe hotpink vor.

Wir ändern z.B. die Textfarbe von <a> auf Farbe hotpink. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    color:hotpink; 
    font-family:sans-serif; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #0000cd geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:#0000cd;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Die Beschreibung des Tag a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Tag h1

Eine Überschrift der 1. Stufe setzt man mit Befehl <h1>. Diese können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h1> auf Farbwert #0000cd und die Hintergrundfarbe von <h1> auf Farbe hotpink. Als Schriftart wählen wir arial und als Schriftgröße wählen wir 113%.

<style type="text/css"><!--
  h1 { 
    font-size: 113%; 
    background-color: hotpink; 
    color: #0000cd; 
    font-family: arial;
  }
//-->
</style>

Mehr zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum Befehl h1 ist in der HTML Referenz unter <h1> ausführlich beschrieben.