Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #deb887 und Farbe lightcyan

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.

Hintergrundfarbwert #deb887			Schriftfarbe lightcyan
Detail	:	Hintergrund #deb887	Detail	:	Schrift lightcyan
Farbwert	:	#deb887	Farbe	:	lightcyan
Farbe	:	burlywood	Farbwert	:	#e0ffff
HTML	:	#deb887	HTML	:	lightcyan
HTML (Wert)	:	#deb887	HTML (Wert)	:	#e0ffff
CSS	:	#deb887	CSS	:	lightcyan
CSS (Wert)	:	#deb887	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbe lightcyan
#deb887	#dec298	#decca9	#ded6ba	#dfe0cb	#dfeadc	#dff4ed	#e0ffff
#deb887	#dec298	#decca9	#ded6ba	#dfe0cb	#dfeadc	#dff4ed	#e0ffff

Kombination von #deb887 und lightcyan
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #deb887 ist lightcyan ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von lightcyan und #deb887 ergibt sich zu 91.62%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.38%.

Hintergrundfarbwert #deb887				Schriftfarbe lightcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#e2c298	#e2c298	#be9d73	#be9d73	#e4ffff	#e4ffff	#c0dada	#c0dada
#e7cca9	#e7cca9	#9e8360	#9e8360	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#edffff	#edffff	#809191	#809191
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#f1ffff	#f1ffff	#606d6d	#606d6d
#f5eadc	#f5eadc	#3f3426	#3f3426	#f6ffff	#f6ffff	#404848	#404848
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbe lightcyan

Wechsel der Umrandung bei Hover bei HTML-Befehl li

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

In diesem Beispiel umranden wir <li> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #deb887.

<style type="text/css"><!--
  li { border:3px dashed #deb887; }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf lightcyan geändert wird.

<style type="text/css"><!--
  li:hover { 
    border-color:lightcyan;
  }
//-->
</style>

Mehr zu li können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des hier verwendeten Befehl <li>.

Füllen und Umranden bei Befehl dt

Für dieses Beispiel umranden wir <dt> mit einem 3 Punkte dicken, gezahnten Rahmen in Farbe lightcyan . Die Hintergrundfarbe für <dt> setzen wir auf Farbwert #deb887. In HTML ist das nicht möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  dt { 
    border-style:ridge; 
    border-width:3pt; 
    border-color:lightcyan; 
    background-color:#deb887;
  }
//-->
</style>

Weiteres zum Thema dt finden Sie in Listen und Glossare in HTML. Mehr zum hier genutzten Befehl <dt>.