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

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 midnightblue
Detail	:	Hintergrund peru	Detail	:	Schrift midnightblue
Farbe	:	peru	Farbe	:	midnightblue
Farbwert	:	#cd853f	Farbwert	:	#191970
HTML	:	peru	HTML	:	midnightblue
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#191970
CSS	:	peru	CSS	:	midnightblue
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#191970
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe peru nach Schriftfarbe midnightblue
#cd853f	#b37546	#99664d	#7f5654	#66475b	#4c3762	#322869	#191970
#cd853f	#b37546	#99664d	#7f5654	#66475b	#4c3762	#322869	#191970

Kombination von peru und midnightblue
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von midnightblue und peru ergibt sich zu 76.36%. Die Lesbarkeit dieser Kombination liegt damit bei 23.64%. midnightblue ist nicht als Schriftfarbe auf Hintergrund peru geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe peru				Schriftfarbe midnightblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#191970	#191970	#191970	#191970
#d4965a	#d4965a	#af7236	#af7236	#393984	#393984	#151560	#151560
#dba775	#dba775	#925f2d	#925f2d	#5a5a98	#5a5a98	#111150	#111150
#e2b991	#e2b991	#754c24	#754c24	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#e9caac	#e9caac	#57391b	#57391b	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#bdbdd6	#bdbdd6	#070720	#070720
#f7ede3	#f7ede3	#1d1309	#1d1309	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbe midnightblue

Füllen und Umranden mit Tag p

In diesem Beispiel umranden wir <p> mit einem gezahnten, 3 Punkte dicken Rahmen in Farbe midnightblue . Den Hintergrund von <p> setzen wir auf Farbe peru. Dies geht in HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  p { 
    border-color: midnightblue; 
    border-style: ridge; 
    background-color: peru; 
    border-width: 3pt;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten vom hier genutzten HTML-Befehl <p>.

Wechsel der Umrandung bei Hover von Tag th

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

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

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

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf midnightblue gesetzt wird.

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

Mehr zu th lesen Sie in Tabellen in HTML. Zur Beschreibung vom Befehl <th>.