Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkblue und Farbe palevioletred

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 darkblue			Schriftfarbe palevioletred
Detail	:	Hintergrund darkblue	Detail	:	Schrift palevioletred
Farbe	:	darkblue	Farbe	:	palevioletred
Farbwert	:	#00008b	Farbwert	:	#db7093
HTML	:	darkblue	HTML	:	palevioletred
HTML (Wert)	:	#00008b	HTML (Wert)	:	#db7093
CSS	:	darkblue	CSS	:	palevioletred
CSS (Wert)	:	#00008b	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbe palevioletred
#00008b	#1f108c	#3e208d	#5d308e	#7d408f	#9c5090	#bb6091	#db7093
#00008b	#1f108c	#3e208d	#5d308e	#7d408f	#9c5090	#bb6091	#db7093

Kombination von darkblue und palevioletred
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				palevioletred eignet sich nicht als Schriftfarbe auf Hintergrund darkblue, da die Farben zu ähnlich sind. Die Ähnlichkeit von palevioletred und darkblue ergibt sich zu 76.58%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 23.42%.

Hintergrundfarbe darkblue				Schriftfarbe palevioletred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#db7093	#db7093	#db7093	#db7093
#24249b	#24249b	#000077	#000077	#e084a2	#e084a2	#bb607e	#bb607e
#4848ac	#4848ac	#000063	#000063	#e598b1	#e598b1	#9c5069	#9c5069
#6d6dbc	#6d6dbc	#00004f	#00004f	#eaadc1	#eaadc1	#7d4054	#7d4054
#9191cd	#9191cd	#00003b	#00003b	#efc1d0	#efc1d0	#5d303f	#5d303f
#b6b6dd	#b6b6dd	#000027	#000027	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#dadaee	#dadaee	#000013	#000013	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbe palevioletred

Füllen und Umranden mit HTML-Tag center

Bei diesem Beispiel umranden wir <center> mit einem 4 Punkte dicken, doppelten Rahmen in Farbe palevioletred . Den Hintergrund von <center> setzen wir entsprechend auf Farbe darkblue. Mit HTML ist dies kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  center { border:4pt double palevioletred; background-color:darkblue; }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung des HTML-Tag <center>.

Wechsel der Umrandung bei Hover von HTML-Tag cite

Die Rahmenfarbe soll sich von Farbe darkblue auf Farbe palevioletred ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <cite> in Farbe darkblue vor.

In diesem Beispiel umranden wir <cite> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe darkblue.

<style type="text/css"><!--
  cite { 
    border-color:darkblue; 
    border-width:4px; 
    border-style:ridge;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu palevioletred ändert.

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

Mehr zum Befehl cite erfahren Sie in der HTML Referenz unter <cite>.