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

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 yellowgreen
Detail	:	Hintergrund peru	Detail	:	Schrift yellowgreen
Farbe	:	peru	Farbe	:	yellowgreen
Farbwert	:	#cd853f	Farbwert	:	#9acd32
HTML	:	peru	HTML	:	yellowgreen
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#9acd32
CSS	:	peru	CSS	:	yellowgreen
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#9acd32
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#9acd32
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(154,205,50)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(60%,80%,19%)

Verlauf Hintergrundfarbe peru nach Schriftfarbe yellowgreen
#cd853f	#c58f3d	#be993b	#b7a339	#afae37	#a8b835	#a1c233	#9acd32
#cd853f	#c58f3d	#be993b	#b7a339	#afae37	#a8b835	#a1c233	#9acd32

Kombination von peru und yellowgreen
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. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante.				Die Ähnlichkeit der Farben yellowgreen und peru ergibt sich zu 92.44%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.56%. Auf Hintergrund peru ist yellowgreen ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe peru				Schriftfarbe yellowgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#9acd32	#9acd32	#9acd32	#9acd32
#d4965a	#d4965a	#af7236	#af7236	#a8d44f	#a8d44f	#84af2a	#84af2a
#dba775	#dba775	#925f2d	#925f2d	#b6db6c	#b6db6c	#6e9223	#6e9223
#e2b991	#e2b991	#754c24	#754c24	#c5e289	#c5e289	#58751c	#58751c
#e9caac	#e9caac	#57391b	#57391b	#d3e9a7	#d3e9a7	#425715	#425715
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e
#f7ede3	#f7ede3	#1d1309	#1d1309	#f0f7e1	#f0f7e1	#161d07	#161d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe peru und Farbe yellowgreen

Wechsel der Umrandung bei Hover bei Tag frameset

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

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

<style type="text/css"><!--
  frameset { 
    border-color: peru; 
    border-style: ridge; 
    border-width: 3px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf yellowgreen ändert.

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

Der Befehl frameset ist in der HTML Referenz bei <frameset> genau beschrieben.