Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #deb887

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 darkcyan			Schriftfarbwert #deb887
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #deb887
Farbe	:	darkcyan	Farbwert	:	#deb887
Farbwert	:	#008b8b	Farbe	:	burlywood
HTML	:	darkcyan	HTML	:	#deb887
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#deb887
CSS	:	darkcyan	CSS	:	#deb887
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #deb887
#008b8b	#1f918a	#3f9789	#5f9e89	#7ea488	#9eab88	#beb187	#deb887
#008b8b	#1f918a	#3f9789	#5f9e89	#7ea488	#9eab88	#beb187	#deb887

Kombination von darkcyan und #deb887
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #deb887 und darkcyan beträgt 89.37%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.63%. Auf Hintergrund darkcyan ist #deb887 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe darkcyan				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#deb887	#deb887	#deb887	#deb887
#249b9b	#249b9b	#007777	#007777	#e2c298	#e2c298	#be9d73	#be9d73
#48acac	#48acac	#006363	#006363	#e7cca9	#e7cca9	#9e8360	#9e8360
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#91cdcd	#91cdcd	#003b3b	#003b3b	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#b6dddd	#b6dddd	#002727	#002727	#f5eadc	#f5eadc	#3f3426	#3f3426
#daeeee	#daeeee	#001313	#001313	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #deb887

Wechsel der Textfarbe bei Hover bei HTML-Befehl p

Die Textfarbe soll sich von Farbe darkcyan auf Farbwert #deb887 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbe darkcyan vor.

Wir ändern in diesem Beispiel bei <p> die Textfarbe auf Farbe darkcyan. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift vergrößern wir auf 123%.

<style type="text/css"><!--
  p { 
    font-size:123%; 
    color:darkcyan; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #deb887 ändert.

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

Mehr zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier verwendeten Befehl <p>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl option

Die Hintergrundfarbe soll sich von Farbe darkcyan auf Farbwert #deb887 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <option> in Farbe darkcyan vor.

Für dieses Beispiel legen wir Farbe darkcyan als Hintergrundfarbe von <option> fest:

<style type="text/css"><!--
  option { 
    background-color:darkcyan;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #deb887 ändert.

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

Mehr zum Thema option lesen Sie in Formulare in HTML. Weiteres zum Tag option finden Sie in der HTML Referenz unter <option>.