Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #4169e1 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 #4169e1			Schriftfarbe thistle
Detail	:	Hintergrund #4169e1	Detail	:	Schrift thistle
Farbwert	:	#4169e1	Farbe	:	thistle
Farbe	:	royalblue	Farbwert	:	#d8bfd8
HTML	:	#4169e1	HTML	:	thistle
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#d8bfd8
CSS	:	#4169e1	CSS	:	thistle
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbwert #4169e1 nach Schriftfarbe thistle
#4169e1	#5675df	#6c81de	#818ddd	#979adb	#aca6da	#c2b2d9	#d8bfd8
#4169e1	#5675df	#6c81de	#818ddd	#979adb	#aca6da	#c2b2d9	#d8bfd8

Kombination von #4169e1 und thistle
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von thistle und #4169e1 beträgt 86.41%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.59%. thistle eignet sich nicht als Schriftfarbe auf Hintergrund #4169e1, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #4169e1				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#92a9ed	#92a9ed	#253c80	#253c80	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#adbef2	#adbef2	#1b2d60	#1b2d60	#eee3ee	#eee3ee	#5c515c	#5c515c
#c8d4f6	#c8d4f6	#121e40	#121e40	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#e3e9fa	#e3e9fa	#090f20	#090f20	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #4169e1 und Farbe thistle

Wechsel der Umrandung bei Hover mit Tag iframe

Die Rahmenfarbe soll sich von Farbwert #4169e1 auf Farbe thistle ändern, wenn man mit der Maus auf <iframe> zeigt. Bereiten wir zunächst die Darstellung von <iframe> in Farbwert #4169e1 vor.

In diesem Beispiel umranden wir <iframe> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #4169e1.

<style type="text/css"><!--
  iframe { border:4px inset #4169e1; }
//-->
</style>

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

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

Weiteres zum Tag iframe finden Sie in der HTML Referenz unter <iframe>.

Füllen und Umranden mit HTML-Tag em

Hier umranden wir <em> mit einem gepunkteten, 3 Pixel dicken Rahmen in Farbe thistle . Die Hintergrundfarbe für <em> färben wir mit Farbwert #4169e1. Das geht mit HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  em { 
    border-width:3px; 
    border-style:dotted; 
    background-color:#4169e1; 
    border-color:thistle;
  }
//-->
</style>

Mehr zum Thema em können Sie in Text in HTML nachlesen. Möglichkeiten vom hier genutzten HTML-Befehl em sind in der HTML Referenz unter <em> beschrieben.