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

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 #daa520
Detail	:	Hintergrund peru	Detail	:	Schrift #daa520
Farbe	:	peru	Farbwert	:	#daa520
Farbwert	:	#cd853f	Farbe	:	goldenrod
HTML	:	peru	HTML	:	#daa520
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#daa520
CSS	:	peru	CSS	:	#daa520
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #daa520
#cd853f	#ce893a	#d08e36	#d29231	#d4972d	#d69b28	#d8a024	#daa520
#cd853f	#ce893a	#d08e36	#d29231	#d4972d	#d69b28	#d8a024	#daa520

Kombination von peru und #daa520
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #daa520 und peru beträgt 93.64%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.36%. Auf Hintergrund peru ist #daa520 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe peru				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#daa520	#daa520	#daa520	#daa520
#d4965a	#d4965a	#af7236	#af7236	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#dba775	#dba775	#925f2d	#925f2d	#e4be5f	#e4be5f	#9b7516	#9b7516
#e2b991	#e2b991	#754c24	#754c24	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#e9caac	#e9caac	#57391b	#57391b	#efd89f	#efd89f	#5d460d	#5d460d
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#f7ede3	#f7ede3	#1d1309	#1d1309	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #daa520

Wechsel der Umrandung bei Hover mit Tag hr

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

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

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

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #daa520 gesetzt wird.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Tag hr ist in der HTML Referenz bei <hr> genau beschrieben.

Hintergrund/Text-Kombination bei Tag input

Hier ändern wir die Textfarbe von <input> auf Farbwert #daa520 und die Hintergrundfarbe von <input> auf Farbe peru. Als Schriftart setzen wir sans-serif und als Schriftgröße setzen wir 9px.

<style type="text/css"><!--
  input { 
    color:#daa520; 
    font-size:9px; 
    background-color:peru; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zu input können Sie in Formulare in HTML finden. Der hier gezeigte Befehl input ist in der HTML Referenz unter <input> ausführlich beschrieben.