Ressourcen: 137 HTML Farbnamen - Kombination von Farbe rosybrown und Farbwert #dda0dd

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 rosybrown			Schriftfarbwert #dda0dd
Detail	:	Hintergrund rosybrown	Detail	:	Schrift #dda0dd
Farbe	:	rosybrown	Farbwert	:	#dda0dd
Farbwert	:	#bc8f8f	Farbe	:	plum
HTML	:	rosybrown	HTML	:	#dda0dd
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#dda0dd
CSS	:	rosybrown	CSS	:	#dda0dd
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbwert #dda0dd
#bc8f8f	#c0919a	#c593a5	#ca96b0	#ce98bb	#d39bc6	#d89dd1	#dda0dd
#bc8f8f	#c0919a	#c593a5	#ca96b0	#ce98bb	#d39bc6	#d89dd1	#dda0dd

Kombination von rosybrown und #dda0dd
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #dda0dd und rosybrown ergibt sich zu 93.53%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.47%. Auf Hintergrund rosybrown ist #dda0dd ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe rosybrown				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#cfafaf	#cfafaf	#866666	#866666	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#ebdfdf	#ebdfdf	#352828	#352828	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#f5efef	#f5efef	#1a1414	#1a1414	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe rosybrown und Farbwert #dda0dd

Zebra-Effekt bei HTML-Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit den Hintergrundfarben Farbe rosybrown und Farbwert #dda0dd.

<style type="text/css"><!--
  td.odd { 
    background-color: rosybrown;
  }
  td.even { 
    background-color:#dda0dd;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="odd">La,a</td><td class="even">Lb,a</td><td class="odd">Lc,a</td></tr>
<tr><td class="odd">La,b</td><td class="even">Lb,b</td><td class="odd">Lc,b</td></tr>
<tr><td class="odd">La,c</td><td class="even">Lb,c</td><td class="odd">Lc,c</td></tr>
</table>

Mehr zum Thema td können Sie in Tabellen in HTML finden. Weiteres zum hier gezeigten Befehl td finden Sie in der HTML Referenz unter <td>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag p

Die Hintergrundfarbe soll sich von Farbe rosybrown auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe rosybrown vor.

Wir legen in diesem Beispiel Farbe rosybrown als Hintergrundfarbe von <p> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  p { 
    background-color:rosybrown; 
    font-family:monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #dda0dd geändert wird.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum hier verwendeten Tag <p>.