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

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 #483d8b
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #483d8b
Farbe	:	darkseagreen	Farbwert	:	#483d8b
Farbwert	:	#8fbc8f	Farbe	:	darkslateblue
HTML	:	darkseagreen	HTML	:	#483d8b
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#483d8b
CSS	:	darkseagreen	CSS	:	#483d8b
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #483d8b
#8fbc8f	#84a98e	#7a978d	#70858d	#66738c	#5c618c	#524f8b	#483d8b
#8fbc8f	#84a98e	#7a978d	#70858d	#66738c	#5c618c	#524f8b	#483d8b

Kombination von darkseagreen und #483d8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #483d8b und darkseagreen beträgt 79.94%. Die Lesbarkeit dieser Kombination ergibt sich zu 20.06%. #483d8b eignet sich nicht als Schriftfarbe auf Hintergrund darkseagreen, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe darkseagreen				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#483d8b	#483d8b	#483d8b	#483d8b
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#62589b	#62589b	#3d3477	#3d3477
#afcfaf	#afcfaf	#668666	#668666	#7c74ac	#7c74ac	#332b63	#332b63
#bfd8bf	#bfd8bf	#516b51	#516b51	#9690bc	#9690bc	#29224f	#29224f
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#dfebdf	#dfebdf	#283528	#283528	#cac7dd	#cac7dd	#141127	#141127
#eff5ef	#eff5ef	#141a14	#141a14	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #483d8b

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl button

Die Hintergrundfarbe soll sich von Farbe darkseagreen auf Farbwert #483d8b ändern, wenn man mit der Maus auf <button> zeigt. Bereiten wir zunächst die Darstellung von <button> in Farbe darkseagreen vor.

Zum Beispiel legen wir Farbe darkseagreen als Hintergrundfarbe von <button> fest. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  button { 
    font-size: 13px; 
    background-color: darkseagreen;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #483d8b ändert.

<style type="text/css"><!--
  button:hover { 
    background-color:#483d8b;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Der hier gezeigte HTML-Tag button ist in der HTML Referenz bei <button> zusammengestellt.

Füllen und Umranden von HTML-Befehl hr

Hier umranden wir <hr> mit einem . Den Hintergrund von <hr> setzen wir entsprechend auf Farbe darkseagreen. Dies geht mit HTML kaum. Daher nutzen wir CSS.

<style type="text/css"><!--
  hr { 
    border-color: #483d8b; 
    background-color: darkseagreen; 
    border-style: dashed; 
    border-width: 1px;
  }
//-->
</style>

Weiteres zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier gezeigten Tag hr lesen Sie in der HTML Referenz unter <hr>.