Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palevioletred und Farbwert #b0c4de

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 palevioletred			Schriftfarbwert #b0c4de
Detail	:	Hintergrund palevioletred	Detail	:	Schrift #b0c4de
Farbe	:	palevioletred	Farbwert	:	#b0c4de
Farbwert	:	#db7093	Farbe	:	lightsteelblue
HTML	:	palevioletred	HTML	:	#b0c4de
HTML (Wert)	:	#db7093	HTML (Wert)	:	#b0c4de
CSS	:	palevioletred	CSS	:	#b0c4de
CSS (Wert)	:	#db7093	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbwert #b0c4de
#db7093	#d47c9d	#ce88a8	#c894b3	#c2a0bd	#bcacc8	#b6b8d3	#b0c4de
#db7093	#d47c9d	#ce88a8	#c894b3	#c2a0bd	#bcacc8	#b6b8d3	#b0c4de

Kombination von palevioletred und #b0c4de
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #b0c4de und palevioletred ergibt sich zu 91.68%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.32%. Auf Hintergrund palevioletred ist #b0c4de ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe palevioletred				Schriftfarbwert #b0c4de
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#e084a2	#e084a2	#bb607e	#bb607e	#bbcce2	#bbcce2	#96a8be	#96a8be
#e598b1	#e598b1	#9c5069	#9c5069	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#eaadc1	#eaadc1	#7d4054	#7d4054	#d1ddec	#d1ddec	#64707e	#64707e
#efc1d0	#efc1d0	#5d303f	#5d303f	#dde5f0	#dde5f0	#4b545f	#4b545f
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#e8eef5	#e8eef5	#32383f	#32383f
#f9eaef	#f9eaef	#1f1015	#1f1015	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palevioletred und Farbwert #b0c4de

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Mit Tag <a> erzeugen Sie einen Link. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe palevioletred auf Farbwert #b0c4de ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbe palevioletred vor.

Hier legen wir Farbe palevioletred als Textfarbe von <a> fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  a { 
    font-family:courier new; 
    color:palevioletred;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #b0c4de geändert wird.

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Der hier genutzte Befehl a ist in der HTML Referenz unter <a> zusammengestellt.

Text- und Unterstreichungsfarben von HTML-Befehl caption

Wir ändern Hher die Textfarbe von <caption> auf Farbwert #b0c4de. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 9pt. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 1 Pixel Dicke in Farbe palevioletred. Dies ist in HTML so kaum möglich. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  caption { 
    font-size: 9pt; 
    color: #b0c4de; 
    font-family: sans-serif; 
    border-bottom: 1px double palevioletred;
  }
//-->
</style>

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

Weiteres zu caption können Sie in Tabellen in HTML finden. Zur Beschreibung vom hier verwendeten Befehl <caption>.