Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #dda0dd

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 darkseagreen			Schriftfarbwert #dda0dd
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #dda0dd
Farbe	:	darkseagreen	Farbwert	:	#dda0dd
Farbwert	:	#8fbc8f	Farbe	:	plum
HTML	:	darkseagreen	HTML	:	#dda0dd
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#dda0dd
CSS	:	darkseagreen	CSS	:	#dda0dd
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #dda0dd
#8fbc8f	#9ab89a	#a5b4a5	#b0b0b0	#bbacbb	#c6a8c6	#d1a4d1	#dda0dd
#8fbc8f	#9ab89a	#a5b4a5	#b0b0b0	#bbacbb	#c6a8c6	#d1a4d1	#dda0dd

Kombination von darkseagreen und #dda0dd
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund darkseagreen, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #dda0dd und darkseagreen beträgt 95.05%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.95%.

Hintergrundfarbe darkseagreen				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#afcfaf	#afcfaf	#668666	#668666	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#bfd8bf	#bfd8bf	#516b51	#516b51	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#dfebdf	#dfebdf	#283528	#283528	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#eff5ef	#eff5ef	#141a14	#141a14	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #dda0dd

Text- und Unterstreichungsfarben mit Tag caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #dda0dd. Die Schriftart ändern wir auf arial und verkleinern die Schriftgröße auf 92%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbe darkseagreen. In HTML geht dies kaum. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  caption { 
    color:#dda0dd; 
    font-size:92%; 
    font-family:arial; 
    border-bottom:1px dashed darkseagreen;
  }
//-->
</style>

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

Weiteres zum Thema caption können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom hier genutzten HTML-Befehl <caption>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

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

Die Hintergrundfarbe soll sich von Farbe darkseagreen auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbe darkseagreen vor.

Wir legen zum Beispiel Farbe darkseagreen als Hintergrundfarbe von <a> fest und verringern die Größe der Schrift auf 94%:

<style type="text/css"><!--
  a { 
    font-size: 94%; 
    background-color: darkseagreen;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #dda0dd gesetzt wird.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum hier verwendeten HTML-Befehl <a>.