Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #deb887 und Farbwert #ba55d3

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 #deb887			Schriftfarbwert #ba55d3
Detail	:	Hintergrund #deb887	Detail	:	Schrift #ba55d3
Farbwert	:	#deb887	Farbwert	:	#ba55d3
Farbe	:	burlywood	Farbe	:	mediumorchid
HTML	:	#deb887	HTML	:	#ba55d3
HTML (Wert)	:	#deb887	HTML (Wert)	:	#ba55d3
CSS	:	#deb887	CSS	:	#ba55d3
CSS (Wert)	:	#deb887	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbwert #ba55d3
#deb887	#d8a991	#d39b9c	#ce8da7	#c97fb2	#c471bd	#bf63c8	#ba55d3
#deb887	#d8a991	#d39b9c	#ce8da7	#c97fb2	#c471bd	#bf63c8	#ba55d3

Kombination von #deb887 und #ba55d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund #deb887. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #ba55d3 und #deb887 ergibt sich zu 89.89%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 10.11%.

Hintergrundfarbwert #deb887				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#e2c298	#e2c298	#be9d73	#be9d73	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#e7cca9	#e7cca9	#9e8360	#9e8360	#cd85df	#cd85df	#843c96	#843c96
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#d79de5	#d79de5	#6a3078	#6a3078
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#f5eadc	#f5eadc	#3f3426	#3f3426	#ebcef2	#ebcef2	#35183c	#35183c
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbwert #ba55d3

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag kbd

Die Hintergrundfarbe soll sich von Farbwert #deb887 auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <kbd> zeigt. Bereiten wir zunächst die Darstellung von <kbd> in Farbwert #deb887 vor.

Zum Beispiel legen wir bei <kbd> die Hintergrundfarbe auf Farbwert #deb887 fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  kbd { 
    font-family:arial; 
    background-color:#deb887;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ba55d3 geändert wird.

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

Weiteres zum Thema kbd erfahren Sie in Text in HTML. Zur Beschreibung vom HTML-Tag <kbd>.

Hintergrund/Text-Kombination mit Tag ins

Hier ändern wir die Textfarbe von <ins> auf Farbwert #ba55d3 und die Hintergrundfarbe von <ins> auf Farbwert #deb887. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 82%.

<style type="text/css"><!--
  ins { 
    font-family: sans-serif; 
    font-size: 82%; 
    color: #ba55d3; 
    background-color: #deb887;
  }
//-->
</style>

Möglichkeiten vom HTML-Tag ins sind in der HTML Referenz unter <ins> gezeigt.