Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faebd7 und Farbe slateblue

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 #faebd7			Schriftfarbe slateblue
Detail	:	Hintergrund #faebd7	Detail	:	Schrift slateblue
Farbwert	:	#faebd7	Farbe	:	slateblue
Farbe	:	antiquewhite	Farbwert	:	#6a5acd
HTML	:	#faebd7	HTML	:	slateblue
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#6a5acd
CSS	:	#faebd7	CSS	:	slateblue
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbe slateblue
#faebd7	#e5d6d5	#d0c1d4	#bcacd2	#a798d1	#9383cf	#7e6ece	#6a5acd
#faebd7	#e5d6d5	#d0c1d4	#bcacd2	#a798d1	#9383cf	#7e6ece	#6a5acd

Kombination von #faebd7 und slateblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				Die Ähnlichkeit von slateblue und #faebd7 ergibt sich zu 78.42%. Die Lesbarkeit dieser Farbkombination liegt damit bei 21.58%. slateblue eignet sich nicht als Schriftfarbe auf Hintergrund #faebd7, da sich die Farben zu ähnlich sind.

Hintergrundfarbwert #faebd7				Schriftfarbe slateblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#9489db	#9489db	#4b4092	#4b4092
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#fdf9f3	#fdf9f3	#47433d	#47433d	#d4cff0	#d4cff0	#1e193a	#1e193a
#fefcf9	#fefcf9	#23211e	#23211e	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbe slateblue

Hintergrund/Text-Kombination mit HTML-Befehl span

Hier ändern wir die Textfarbe von <span> auf Farbe slateblue und die Hintergrundfarbe von <span> auf Farbwert #faebd7. Als Schriftart setzen wir arial und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  span { 
    font-family: arial; 
    color: slateblue; 
    background-color: #faebd7; 
    font-size: 13px;
  }
//-->
</style>

Die Beschreibung vom HTML-Befehl span erfahren Sie in der HTML Referenz unter <span>.

Wechsel der Textfarbe bei Hover mit Tag a

Mit Befehl <a> erzeugen Sie einen Verweis und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #faebd7 auf Farbe slateblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #faebd7 vor.

In diesem Beispiel ändern wir bei <a> die Textfarbe auf Farbwert #faebd7.

<style type="text/css"><!--
  a { 
    color:#faebd7;
  }
//-->
</style>

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

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Der Tag a ist in der HTML Referenz bei <a> beschrieben.