Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peru und Farbe mediumturquoise

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			Schriftfarbe mediumturquoise
Detail	:	Hintergrund peru	Detail	:	Schrift mediumturquoise
Farbe	:	peru	Farbe	:	mediumturquoise
Farbwert	:	#cd853f	Farbwert	:	#48d1cc
HTML	:	peru	HTML	:	mediumturquoise
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#48d1cc
CSS	:	peru	CSS	:	mediumturquoise
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe peru nach Schriftfarbe mediumturquoise
#cd853f	#ba8f53	#a79a67	#94a57b	#81b08f	#6ebba3	#5bc6b7	#48d1cc
#cd853f	#ba8f53	#a79a67	#94a57b	#81b08f	#6ebba3	#5bc6b7	#48d1cc

Kombination von peru und mediumturquoise
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von mediumturquoise und peru beträgt 92.36%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.64%. Auf Hintergrund peru ist mediumturquoise ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe peru				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#d4965a	#d4965a	#af7236	#af7236	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#dba775	#dba775	#925f2d	#925f2d	#7cdeda	#7cdeda	#339591	#339591
#e2b991	#e2b991	#754c24	#754c24	#96e4e1	#96e4e1	#297774	#297774
#e9caac	#e9caac	#57391b	#57391b	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#caf1f0	#caf1f0	#143b3a	#143b3a
#f7ede3	#f7ede3	#1d1309	#1d1309	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbe mediumturquoise

Hintergrund/Text-Kombination von HTML-Tag dd

Wir ändern hier die Textfarbe von <dd> auf Farbe mediumturquoise und die Hintergrundfarbe von <dd> auf Farbe peru. Als Schriftart wählen wir arial und als Schriftgröße wählen wir 94%.

<style type="text/css"><!--
  dd { 
    color: mediumturquoise; 
    font-size: 94%; 
    background-color: peru; 
    font-family: arial;
  }
//-->
</style>

Mehr zum Thema dd finden Sie in Listen und Glossare in HTML. Die Beschreibung vom Befehl dd lesen Sie in der HTML Referenz unter <dd>.

Wechsel der Umrandung bei Hover bei Tag a

Einen Hyperlink erzeugt man mit HTML-Tag <a>. Diesen kann man hervorheben und farblich gestalten.

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

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

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

Nun fordern wir, dass bei Hover die Rahmenfarbe auf mediumturquoise gesetzt wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML lesen. Beschreibung des hier verwendeten Tag <a>.