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

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

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

Kombination von #ba55d3 und burlywood
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von burlywood und #ba55d3 ergibt sich zu 89.89%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.11%. burlywood eignet sich nicht als Schriftfarbe auf Hintergrund #ba55d3. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

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

Beispiele zur Kombination von Farbwert #ba55d3 und Farbe burlywood

Wechsel der Hintergrundfarbe bei Hover von Befehl a

Mit HTML-Befehl <a> setzen Sie einen Verweis. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #ba55d3 auf Farbe burlywood ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #ba55d3 vor.

In diesem Beispiel ändern wir bei <a> die Hintergrundfarbe auf Farbwert #ba55d3:

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

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf burlywood gesetzt wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des hier genutzten HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.

Zebra-Effekt bei HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbwert #ba55d3 und Farbe burlywood.

<style type="text/css"><!--
  tr.ung { 
    background-color:#ba55d3;
  }
  tr.ger { 
    background-color:burlywood;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr class="ung"><td>UA/A</td><td>UB/A</td><td>UC/A</td></tr>
<tr class="ger"><td>UA/B</td><td>UB/B</td><td>UC/B</td></tr>
<tr class="ung"><td>UA/C</td><td>UB/C</td><td>UC/C</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Weiteres zum Tag tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.