Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkblue und Farbwert #ff69b4

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 darkblue			Schriftfarbwert #ff69b4
Detail	:	Hintergrund darkblue	Detail	:	Schrift #ff69b4
Farbe	:	darkblue	Farbwert	:	#ff69b4
Farbwert	:	#00008b	Farbe	:	hotpink
HTML	:	darkblue	HTML	:	#ff69b4
HTML (Wert)	:	#00008b	HTML (Wert)	:	#ff69b4
CSS	:	darkblue	CSS	:	#ff69b4
CSS (Wert)	:	#00008b	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #ff69b4
#00008b	#240f90	#481e96	#6d2d9c	#913ca2	#b64ba8	#da5aae	#ff69b4
#00008b	#240f90	#481e96	#6d2d9c	#913ca2	#b64ba8	#da5aae	#ff69b4

Kombination von darkblue und #ff69b4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #ff69b4 und darkblue beträgt 72.49%. Die Lesbarkeit dieser Kombination bewerte ich mit 27.51%. #ff69b4 ist nicht als Schriftfarbe auf Hintergrund darkblue geeignet, da der Farbunterschied nicht ausreichend ist

Hintergrundfarbe darkblue				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#24249b	#24249b	#000077	#000077	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#4848ac	#4848ac	#000063	#000063	#ff93c9	#ff93c9	#b64b80	#b64b80
#6d6dbc	#6d6dbc	#00004f	#00004f	#ffa9d4	#ffa9d4	#913c66	#913c66
#9191cd	#9191cd	#00003b	#00003b	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#b6b6dd	#b6b6dd	#000027	#000027	#ffd4e9	#ffd4e9	#481e33	#481e33
#dadaee	#dadaee	#000013	#000013	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #ff69b4

Wechsel der Textfarbe bei Hover bei HTML-Tag option

Die Textfarbe soll sich von Farbe darkblue auf Farbwert #ff69b4 ändern, wenn man mit der Maus auf <option> zeigt. Bereiten wir zunächst eine Formatierung von <option> in Farbe darkblue vor.

Wir legen als Beispiel Farbe darkblue als Textfarbe von <option> fest und setzen die Schriftgröße auf 99%.

<style type="text/css"><!--
  option { 
    font-size:99%; 
    color:darkblue;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ff69b4 gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Formulare in HTML. Weiteres zum hier verwendeten HTML-Tag option finden Sie in der HTML Referenz unter <option>.

Text- und Unterstreichungsfarben von Befehl blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #ff69b4. Die Schriftart setzen wir auf sans-serif und verringern die Schriftgröße auf 86%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gezahnten Rahmens mit 4 Punkte Dicke in Farbe darkblue. In HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    font-size:86%; 
    color:#ff69b4; 
    font-family:sans-serif; 
    border-bottom:4pt ridge darkblue;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten des hier verwendeten Tag <blockquote>.