Ressourcen: 120 HTML Farbnamen - Kombination von Farbe hotpink und Farbwert #3cb371

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 hotpink			Schriftfarbwert #3cb371
Detail	:	Hintergrund hotpink	Detail	:	Schrift #3cb371
Farbe	:	hotpink	Farbwert	:	#3cb371
Farbwert	:	#ff69b4	Farbe	:	mediumseagreen
HTML	:	hotpink	HTML	:	#3cb371
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#3cb371
CSS	:	hotpink	CSS	:	#3cb371
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbe hotpink nach Schriftfarbwert #3cb371
#ff69b4	#e373aa	#c77ea0	#ab8897	#8f938d	#739d84	#57a87a	#3cb371
#ff69b4	#e373aa	#c77ea0	#ab8897	#8f938d	#739d84	#57a87a	#3cb371

Kombination von hotpink und #3cb371
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Auf Hintergrund hotpink ist #3cb371 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #3cb371 und hotpink ergibt sich zu 95.21%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.79%.

Hintergrundfarbe hotpink				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff69b4	#ff69b4	#ff69b4	#ff69b4	#3cb371	#3cb371	#3cb371	#3cb371
#ff7ebe	#ff7ebe	#da5a9a	#da5a9a	#57bd85	#57bd85	#339960	#339960
#ff93c9	#ff93c9	#b64b80	#b64b80	#73c899	#73c899	#2a7f50	#2a7f50
#ffa9d4	#ffa9d4	#913c66	#913c66	#8fd3ad	#8fd3ad	#226640	#226640
#ffbede	#ffbede	#6d2d4d	#6d2d4d	#abdec2	#abdec2	#194c30	#194c30
#ffd4e9	#ffd4e9	#481e33	#481e33	#c7e9d6	#c7e9d6	#113320	#113320
#ffe9f4	#ffe9f4	#240f19	#240f19	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe hotpink und Farbwert #3cb371

Text- und Unterstreichungsfarben von Tag strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #3cb371. Die Schriftart ändern wir auf arial und verkleinern die Schriftgröße auf 86%. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbe hotpink. Dies ist mit HTML so kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  strong { 
    color:#3cb371; 
    font-size:86%; 
    border-bottom:3pt dotted hotpink; 
    font-family:arial;
  }
//-->
</style>

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

Mehr zum Thema strong finden Sie in Text in HTML. Der Befehl strong ist in der HTML Referenz bei <strong> beschrieben.

Wechsel der Textfarbe bei Hover bei Tag legend

Die Textfarbe soll sich von Farbe hotpink auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <legend> in Farbe hotpink vor.

Für dieses Beispiel legen wir Farbe hotpink als Textfarbe von <legend> fest:

<style type="text/css"><!--
  legend { 
    color: hotpink;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #3cb371 ändert.

<style type="text/css"><!--
  legend: hover { 
    color: #3cb371;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML lesen. Die Beschreibung des hier genutzten HTML-Tag legend lesen Sie in der HTML Referenz unter <legend>.