Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff1493 und Farbe mediumblue

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 #ff1493			Schriftfarbe mediumblue
Detail	:	Hintergrund #ff1493	Detail	:	Schrift mediumblue
Farbwert	:	#ff1493	Farbe	:	mediumblue
Farbe	:	deeppink	Farbwert	:	#0000cd
HTML	:	#ff1493	HTML	:	mediumblue
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#0000cd
CSS	:	#ff1493	CSS	:	mediumblue
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbwert #ff1493 nach Schriftfarbe mediumblue
#ff1493	#da119b	#b60ea3	#910bab	#6d08b4	#4805bc	#2402c4	#0000cd
#ff1493	#da119b	#b60ea3	#910bab	#6d08b4	#4805bc	#2402c4	#0000cd

Kombination von #ff1493 und mediumblue
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben mediumblue und #ff1493 ergibt sich zu 85.39%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 14.61%. mediumblue eignet sich nicht als Schriftfarbe auf Hintergrund #ff1493. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #ff1493				Schriftfarbe mediumblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#0000cd	#0000cd	#0000cd	#0000cd
#ff35a2	#ff35a2	#da117e	#da117e	#2424d4	#2424d4	#0000af	#0000af
#ff57b1	#ff57b1	#b60e69	#b60e69	#4848db	#4848db	#000092	#000092
#ff78c1	#ff78c1	#910b54	#910b54	#6d6de2	#6d6de2	#000075	#000075
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#9191e9	#9191e9	#000057	#000057
#ffbbe0	#ffbbe0	#48052a	#48052a	#b6b6f0	#b6b6f0	#00003a	#00003a
#ffddef	#ffddef	#240215	#240215	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff1493 und Farbe mediumblue

Text- und Unterstreichungsfarben bei HTML-Tag address

In diesem Beispiel ändern wir die Textfarbe von <address> auf Farbe mediumblue und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana. Die Schriftgröße vergrößern wir auf 115%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbwert #ff1493. In HTML geht das kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  address { 
    font-size: 115%; 
    border-bottom: 2px inset #ff1493; 
    color: mediumblue; 
    font-family: verdana;
  }
//-->
</style>

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

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom Befehl <address>.

Wechsel der Umrandung bei Hover bei HTML-Tag frame

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

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #ff1493.

<style type="text/css"><!--
  frame { border:5px dashed #ff1493; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu mediumblue ändert.

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

Einzelheiten vom hier gezeigten HTML-Befehl frame sind in der HTML Referenz unter <frame> beschrieben.