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

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 #d3d3d3
Detail	:	Hintergrund peru	Detail	:	Schrift #d3d3d3
Farbe	:	peru	Farbwert	:	#d3d3d3
Farbwert	:	#cd853f	Farbe	:	lightgrey
HTML	:	peru	HTML	:	#d3d3d3
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#d3d3d3
CSS	:	peru	CSS	:	#d3d3d3
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #d3d3d3
#cd853f	#cd9054	#ce9b69	#cfa67e	#d0b193	#d1bca8	#d2c7bd	#d3d3d3
#cd853f	#cd9054	#ce9b69	#cfa67e	#d0b193	#d1bca8	#d2c7bd	#d3d3d3

Kombination von peru und #d3d3d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#d3d3d3 ist nicht als Schriftfarbe auf Hintergrund peru geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #d3d3d3 und peru ergibt sich zu 90.49%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.51%.

Hintergrundfarbe peru				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#d4965a	#d4965a	#af7236	#af7236	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#dba775	#dba775	#925f2d	#925f2d	#dfdfdf	#dfdfdf	#969696	#969696
#e2b991	#e2b991	#754c24	#754c24	#e5e5e5	#e5e5e5	#787878	#787878
#e9caac	#e9caac	#57391b	#57391b	#ececec	#ececec	#5a5a5a	#5a5a5a
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#f7ede3	#f7ede3	#1d1309	#1d1309	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe peru und Farbwert #d3d3d3

Wechsel der Umrandung bei Hover bei HTML-Befehl a

Ein Hyperlink wird mit Tag <a> erzeugt. Diesen kann man farblich gestalten und hervorheben.

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

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

<style type="text/css"><!--
  a { 
    border-color:peru; 
    border-style:dashed; 
    border-width:2px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #d3d3d3 ändert.

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Beschreibung vom hier gezeigten Tag <a>.