Ressourcen: 137 HTML Farbnamen - Kombination von Farbe thistle und Farbwert #cd853f

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 thistle			Schriftfarbwert #cd853f
Detail	:	Hintergrund thistle	Detail	:	Schrift #cd853f
Farbe	:	thistle	Farbwert	:	#cd853f
Farbwert	:	#d8bfd8	Farbe	:	peru
HTML	:	thistle	HTML	:	#cd853f
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#cd853f
CSS	:	thistle	CSS	:	#cd853f
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe thistle nach Schriftfarbwert #cd853f
#d8bfd8	#d6b6c2	#d4aeac	#d3a696	#d19d80	#d0956a	#ce8d54	#cd853f
#d8bfd8	#d6b6c2	#d4aeac	#d3a696	#d19d80	#d0956a	#ce8d54	#cd853f

Kombination von thistle und #cd853f
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#cd853f ist nicht als Schriftfarbe auf Hintergrund thistle geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von #cd853f und thistle beträgt 91.62%. Die Lesbarkeit dieser Kombination liegt damit bei 8.38%.

Hintergrundfarbe thistle				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#cd853f	#cd853f	#cd853f	#cd853f
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#d4965a	#d4965a	#af7236	#af7236
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#dba775	#dba775	#925f2d	#925f2d
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#e2b991	#e2b991	#754c24	#754c24
#eee3ee	#eee3ee	#5c515c	#5c515c	#e9caac	#e9caac	#57391b	#57391b
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe thistle und Farbwert #cd853f

Füllen und Umranden bei HTML-Befehl iframe

Hier umranden wir <iframe> mit einem gestrichelten, 4 Pixel dicken Rahmen in Farbwert #cd853f . Den Hintergrund von <iframe> färben wir entsprechend mit Farbe thistle. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:4px dashed #cd853f; background-color:thistle; }
//-->
</style>

Die Beschreibung des Tag iframe erfahren Sie in der HTML Referenz unter <iframe>.

Wechsel der Umrandung bei Hover mit Befehl dd

Die Rahmenfarbe soll sich von Farbe thistle auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbe thistle vor.

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe thistle.

<style type="text/css"><!--
  dd { 
    border-style:double; 
    border-color:thistle; 
    border-width:5px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #cd853f ändert.

<style type="text/css"><!--
  dd:hover { 
    border-color:#cd853f;
  }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum Befehl dd finden Sie in der HTML Referenz unter <dd>.