Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peru und Farbe darkslateblue

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 peru			Schriftfarbe darkslateblue
Detail	:	Hintergrund peru	Detail	:	Schrift darkslateblue
Farbe	:	peru	Farbe	:	darkslateblue
Farbwert	:	#cd853f	Farbwert	:	#483d8b
HTML	:	peru	HTML	:	darkslateblue
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#483d8b
CSS	:	peru	CSS	:	darkslateblue
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe peru nach Schriftfarbe darkslateblue
#cd853f	#ba7a49	#a77054	#94665f	#815b6a	#6e5175	#5b4780	#483d8b
#cd853f	#ba7a49	#a77054	#94665f	#815b6a	#6e5175	#5b4780	#483d8b

Kombination von peru und darkslateblue
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund peru ist darkslateblue ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben darkslateblue und peru beträgt 85.56%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.44%.

Hintergrundfarbe peru				Schriftfarbe darkslateblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#483d8b	#483d8b	#483d8b	#483d8b
#d4965a	#d4965a	#af7236	#af7236	#62589b	#62589b	#3d3477	#3d3477
#dba775	#dba775	#925f2d	#925f2d	#7c74ac	#7c74ac	#332b63	#332b63
#e2b991	#e2b991	#754c24	#754c24	#9690bc	#9690bc	#29224f	#29224f
#e9caac	#e9caac	#57391b	#57391b	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#cac7dd	#cac7dd	#141127	#141127
#f7ede3	#f7ede3	#1d1309	#1d1309	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbe darkslateblue

Wechsel der Umrandung bei Hover von Befehl address

Die Rahmenfarbe soll sich von Farbe peru auf Farbe darkslateblue ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Darstellung von <address> in Farbe peru vor.

In diesem Beispiel umranden wir <address> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe peru.

<style type="text/css"><!--
  address { border:5px dashed peru; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu darkslateblue ändert.

<style type="text/css"><!--
  address: hover { 
    border-color: darkslateblue;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier genutzten HTML-Befehl address finden Sie in der HTML Referenz unter <address>.

Füllen und Umranden von Befehl dd

Für dieses Beispiel umranden wir <dd> mit einem . Den Hintergrund von <dd> setzen wir auf Farbe peru. In HTML geht das nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  dd { 
    border-color: darkslateblue; 
    border-style: outset; 
    background-color: peru; 
    border-width: 3px;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten des Befehl dd lesen Sie in der HTML Referenz unter <dd>.