Ressourcen: 120 HTML Farbnamen - Kombination von Farbe orange und Farbe thistle

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 orange			Schriftfarbe thistle
Detail	:	Hintergrund orange	Detail	:	Schrift thistle
Farbe	:	orange	Farbe	:	thistle
Farbwert	:	#ffa500	Farbwert	:	#d8bfd8
HTML	:	orange	HTML	:	thistle
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#d8bfd8
CSS	:	orange	CSS	:	thistle
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe orange nach Schriftfarbe thistle
#ffa500	#f9a81e	#f3ac3d	#eeb05c	#e8b37b	#e3b79a	#ddbbb9	#d8bfd8
#ffa500	#f9a81e	#f3ac3d	#eeb05c	#e8b37b	#e3b79a	#ddbbb9	#d8bfd8

Kombination von orange und thistle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben thistle und orange ergibt sich zu 94.46%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.54%. thistle eignet sich nicht als Schriftfarbe auf Hintergrund orange, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe orange				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#ffb124	#ffb124	#da8d00	#da8d00	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#ffbe48	#ffbe48	#b67500	#b67500	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#ffcb6d	#ffcb6d	#915e00	#915e00	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#ffd891	#ffd891	#6d4600	#6d4600	#eee3ee	#eee3ee	#5c515c	#5c515c
#ffe5b6	#ffe5b6	#482f00	#482f00	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#fff2da	#fff2da	#241700	#241700	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe orange und Farbe thistle

Wechsel der Textfarbe bei Hover bei HTML-Befehl samp

Die Textfarbe soll sich von Farbe orange auf Farbe thistle ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <samp> in Farbe orange vor.

Wir ändern als Beispiel die Textfarbe von <samp> auf Farbe orange und setzen die Größe der Schrift auf 13px:

<style type="text/css"><!--
  samp { 
    font-size:13px; 
    color:orange;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf thistle geändert wird.

<style type="text/css"><!--
  samp: hover { 
    color: thistle;
  }
//-->
</style>

Weiteres zum Thema samp können Sie in Text in HTML erfahren. Die Beschreibung vom HTML-Tag samp erfahren Sie in der HTML Referenz unter <samp>.