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

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 #db7093
Detail	:	Hintergrund peru	Detail	:	Schrift #db7093
Farbe	:	peru	Farbwert	:	#db7093
Farbwert	:	#cd853f	Farbe	:	palevioletred
HTML	:	peru	HTML	:	#db7093
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#db7093
CSS	:	peru	CSS	:	#db7093
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #db7093
#cd853f	#cf824b	#d17f57	#d37c63	#d5796f	#d7767b	#d97387	#db7093
#cd853f	#cf824b	#d17f57	#d37c63	#d5796f	#d7767b	#d97387	#db7093

Kombination von peru und #db7093
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #db7093 und peru beträgt 95.05%. Die Lesbarkeit dieser Kombination liegt damit bei 4.95%. Auf Hintergrund peru ist #db7093 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe peru				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#db7093	#db7093	#db7093	#db7093
#d4965a	#d4965a	#af7236	#af7236	#e084a2	#e084a2	#bb607e	#bb607e
#dba775	#dba775	#925f2d	#925f2d	#e598b1	#e598b1	#9c5069	#9c5069
#e2b991	#e2b991	#754c24	#754c24	#eaadc1	#eaadc1	#7d4054	#7d4054
#e9caac	#e9caac	#57391b	#57391b	#efc1d0	#efc1d0	#5d303f	#5d303f
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#f7ede3	#f7ede3	#1d1309	#1d1309	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #db7093

Hintergrund/Text-Kombination bei HTML-Befehl li

Für dieses Beispiel ändern wir die Textfarbe von <li> auf Farbwert #db7093 und die Hintergrundfarbe von <li> auf Farbe peru. Als Schriftart setzen wir arial. Als Schriftgröße setzen wir 12px.

<style type="text/css"><!--
  li { 
    background-color: peru; 
    font-size: 12px; 
    font-family: arial; 
    color: #db7093;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Der hier gezeigte HTML-Befehl li ist in der HTML Referenz bei <li> ausführlich beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Befehl cite

Die Rahmenfarbe soll sich von Farbe peru auf Farbwert #db7093 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <cite> in Farbe peru vor.

In diesem Beispiel umranden wir <cite> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe peru.

<style type="text/css"><!--
  cite { border:4px dotted peru; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #db7093 ändert.

<style type="text/css"><!--
  cite: hover { 
    border-color: #db7093;
  }
//-->
</style>

Zur Beschreibung vom hier verwendeten Befehl <cite>.