Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peru und Farbwert #dda0dd

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.

Hintergrundfarbe peru			Schriftfarbwert #dda0dd
Detail	:	Hintergrund peru	Detail	:	Schrift #dda0dd
Farbe	:	peru	Farbwert	:	#dda0dd
Farbwert	:	#cd853f	Farbe	:	plum
HTML	:	peru	HTML	:	#dda0dd
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#dda0dd
CSS	:	peru	CSS	:	#dda0dd
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #dda0dd
#cd853f	#cf8855	#d18c6c	#d39082	#d69499	#d898af	#da9cc6	#dda0dd
#cd853f	#cf8855	#d18c6c	#d39082	#d69499	#d898af	#da9cc6	#dda0dd

Kombination von peru und #dda0dd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Auf Hintergrund peru ist #dda0dd ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #dda0dd und peru beträgt 93.12%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.88%.

Hintergrundfarbe peru				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#d4965a	#d4965a	#af7236	#af7236	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#dba775	#dba775	#925f2d	#925f2d	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#e2b991	#e2b991	#754c24	#754c24	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#e9caac	#e9caac	#57391b	#57391b	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#f7ede3	#f7ede3	#1d1309	#1d1309	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #dda0dd

Wechsel der Hintergrundfarbe bei Hover von Tag center

Die Hintergrundfarbe soll sich von Farbe peru auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Darstellung von <center> in Farbe peru vor.

Für dieses Beispiel legen wir die Hintergrundfarbe von <center> auf Farbe peru fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  center { 
    background-color:peru; 
    font-family:arial; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #dda0dd geändert wird.

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Befehl center erfahren Sie in der HTML Referenz unter <center>.

Füllen und Umranden von HTML-Tag p

Hier umranden wir <p> mit einem 5 Punkte dicken, gepunkteten Rahmen in Farbwert #dda0dd . Den Hintergrund von <p> färben wir entsprechend mit Farbe peru. Das ist mit HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  p { border:5pt dotted #dda0dd; background-color:peru; }
//-->
</style>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom Tag <p>.