Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #9932cc 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.

Hintergrundfarbwert #9932cc			Schriftfarbe thistle
Detail	:	Hintergrund #9932cc	Detail	:	Schrift thistle
Farbwert	:	#9932cc	Farbe	:	thistle
Farbe	:	darkorchid	Farbwert	:	#d8bfd8
HTML	:	#9932cc	HTML	:	thistle
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#d8bfd8
CSS	:	#9932cc	CSS	:	thistle
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbwert #9932cc nach Schriftfarbe thistle
#9932cc	#a246cd	#ab5acf	#b46ed1	#bd82d2	#c696d4	#cfaad6	#d8bfd8
#9932cc	#a246cd	#ab5acf	#b46ed1	#bd82d2	#c696d4	#cfaad6	#d8bfd8

Kombination von #9932cc und thistle
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				thistle eignet sich nicht als Schriftfarbe auf Hintergrund #9932cc. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von thistle und #9932cc beträgt 84.01%. Die Lesbarkeit dieser Farbkombination liegt damit bei 15.99%.

Hintergrundfarbwert #9932cc				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#a74fd3	#a74fd3	#832aae	#832aae	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#b66cda	#b66cda	#6d2391	#6d2391	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#c489e1	#c489e1	#571c74	#571c74	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#d3a7e9	#d3a7e9	#411557	#411557	#eee3ee	#eee3ee	#5c515c	#5c515c
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#f0e1f7	#f0e1f7	#15071d	#15071d	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9932cc und Farbe thistle

Wechsel der Umrandung bei Hover mit Befehl hr

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

In diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #9932cc.

<style type="text/css"><!--
  hr { 
    border-color: #9932cc; 
    border-style: ridge; 
    border-width: 1px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf thistle ändert.

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

Mehr zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung des hier verwendeten HTML-Befehl hr erfahren Sie in der HTML Referenz unter <hr>.

Füllen und Umranden mit Tag a

Ein Link wird mit HTML-Tag <a> gesetzt und kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <a> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe thistle . Den Hintergrund von <a> färben wir mit Farbwert #9932cc. Mit HTML ist das nicht machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { border:1px ridge thistle; background-color:#9932cc; }
//-->
</style>

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl a sind in der HTML Referenz unter <a> zusammengestellt.