Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #dcdcdc

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 crimson			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund crimson	Detail	:	Schrift #dcdcdc
Farbe	:	crimson	Farbwert	:	#dcdcdc
Farbwert	:	#dc143c	Farbe	:	gainsboro
HTML	:	crimson	HTML	:	#dcdcdc
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#dcdcdc
CSS	:	crimson	CSS	:	#dcdcdc
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #dcdcdc
#dc143c	#dc3052	#dc4d69	#dc6980	#dc8697	#dca2ae	#dcbfc5	#dcdcdc
#dc143c	#dc3052	#dc4d69	#dc6980	#dc8697	#dca2ae	#dcbfc5	#dcdcdc

Kombination von crimson und #dcdcdc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#dcdcdc eignet sich nicht als Schriftfarbe auf Hintergrund crimson. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben #dcdcdc und crimson ergibt sich zu 82.67%. Die Lesbarkeit dieser Kombination bewerte ich mit 17.33%.

Hintergrundfarbe crimson				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#e13557	#e13557	#bc1133	#bc1133	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#e65773	#e65773	#9d0e2a	#9d0e2a	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#eb788f	#eb788f	#7d0b22	#7d0b22	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#f09aab	#f09aab	#5e0819	#5e0819	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#fadde3	#fadde3	#1f0208	#1f0208	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #dcdcdc

Wechsel der Hintergrundfarbe bei Hover mit Tag td

Die Hintergrundfarbe soll sich von Farbe crimson auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <td> in Farbe crimson vor.

Zum Beispiel setzen wir bei <td> die Hintergrundfarbe auf Farbe crimson. Die Größe der Schrift vergrößern wir auf 112%:

<style type="text/css"><!--
  td { 
    background-color:crimson; 
    font-size:112%;
  }
//-->
</style>

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

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

Mehr zum Thema finden Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl <td>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl fieldset

Die Textfarbe soll sich von Farbe crimson auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <fieldset> in Farbe crimson vor.

Wir legen in diesem Beispiel die Textfarbe von <fieldset> auf Farbe crimson fest und verkleinern die Größe der Schrift auf 94%.

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #dcdcdc gesetzt wird.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Möglichkeiten des hier verwendeten HTML-Tag <fieldset>.