Ressourcen: 120 HTML Farbnamen - Kombination von Farbe thistle und Farbwert #d2b48c

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 thistle			Schriftfarbwert #d2b48c
Detail	:	Hintergrund thistle	Detail	:	Schrift #d2b48c
Farbe	:	thistle	Farbwert	:	#d2b48c
Farbwert	:	#d8bfd8	Farbe	:	tan
HTML	:	thistle	HTML	:	#d2b48c
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#d2b48c
CSS	:	thistle	CSS	:	#d2b48c
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe thistle nach Schriftfarbwert #d2b48c
#d8bfd8	#d7bdcd	#d6bbc2	#d5bab7	#d4b8ac	#d3b7a1	#d2b596	#d2b48c
#d8bfd8	#d7bdcd	#d6bbc2	#d5bab7	#d4b8ac	#d3b7a1	#d2b596	#d2b48c

Kombination von thistle und #d2b48c
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#d2b48c ist nicht als Schriftfarbe auf Hintergrund thistle geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #d2b48c und thistle beträgt 94.47%. Die Lesbarkeit dieser Kombination liegt damit bei 5.53%.

Hintergrundfarbe thistle				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#d8be9c	#d8be9c	#b49a78	#b49a78
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#dec9ac	#dec9ac	#968064	#968064
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#e5d4bd	#e5d4bd	#786650	#786650
#eee3ee	#eee3ee	#5c515c	#5c515c	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#f2e9de	#f2e9de	#3c3328	#3c3328
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe thistle und Farbwert #d2b48c

Wechsel der Umrandung bei Hover von Befehl ins

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

In diesem Beispiel umranden wir <ins> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe thistle.

<style type="text/css"><!--
  ins { 
    border-width:4px; 
    border-color:thistle; 
    border-style:dotted;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #d2b48c gesetzt wird.

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

Der hier verwendete HTML-Befehl ins ist in der HTML Referenz unter <ins> beschrieben.