Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slateblue und Farbwert #d8bfd8

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 slateblue			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund slateblue	Detail	:	Schrift #d8bfd8
Farbe	:	slateblue	Farbwert	:	#d8bfd8
Farbwert	:	#6a5acd	Farbe	:	thistle
HTML	:	slateblue	HTML	:	#d8bfd8
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#d8bfd8
CSS	:	slateblue	CSS	:	#d8bfd8
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbwert #d8bfd8
#6a5acd	#7968ce	#8976d0	#9985d1	#a893d3	#b8a2d4	#c8b0d6	#d8bfd8
#6a5acd	#7968ce	#8976d0	#9985d1	#a893d3	#b8a2d4	#c8b0d6	#d8bfd8

Kombination von slateblue und #d8bfd8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #d8bfd8 und slateblue ergibt sich zu 85.12%. Die Lesbarkeit dieser Farbkombination liegt damit bei 14.88%. #d8bfd8 eignet sich nicht als Schriftfarbe auf Hintergrund slateblue. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe slateblue				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#9489db	#9489db	#4b4092	#4b4092	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#eee3ee	#eee3ee	#5c515c	#5c515c
#d4cff0	#d4cff0	#1e193a	#1e193a	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slateblue und Farbwert #d8bfd8

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag acronym

Die Hintergrundfarbe soll sich von Farbe slateblue auf Farbwert #d8bfd8 ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst die Formatierung von <acronym> in Farbe slateblue vor.

Wir setzen z.B. die Hintergrundfarbe von <acronym> auf Farbe slateblue. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  acronym { 
    background-color:slateblue; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #d8bfd8 ändert.

<style type="text/css"><!--
  acronym:hover { 
    background-color:#d8bfd8;
  }
//-->
</style>

Der HTML-Tag acronym ist in der HTML Referenz unter <acronym> genau gezeigt.

Füllen und Umranden mit Befehl hr

In diesem Beispiel umranden wir <hr> mit einem einfallenden, 5 Punkte dicken Rahmen in Farbwert #d8bfd8 . Die Hintergrundfarbe für <hr> setzen wir auf Farbe slateblue. Mit HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { 
    border-color: #d8bfd8; 
    border-style: inset; 
    border-width: 5pt; 
    background-color: slateblue;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier verwendeten HTML-Tag hr erfahren Sie in der HTML Referenz unter <hr>.