Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peru und Farbwert #228b22

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe peru			Schriftfarbwert #228b22
Detail	:	Hintergrund peru	Detail	:	Schrift #228b22
Farbe	:	peru	Farbwert	:	#228b22
Farbwert	:	#cd853f	Farbe	:	forestgreen
HTML	:	peru	HTML	:	#228b22
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#228b22
CSS	:	peru	CSS	:	#228b22
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #228b22
#cd853f	#b4853a	#9c8636	#838732	#6b882e	#52892a	#3a8a26	#228b22
#cd853f	#b4853a	#9c8636	#838732	#6b882e	#52892a	#3a8a26	#228b22

Kombination von peru und #228b22
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 der Farben #228b22 und peru ergibt sich zu 93.01%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.99%. #228b22 ist nicht als Schriftfarbe auf Hintergrund peru geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe peru				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#228b22	#228b22	#228b22	#228b22
#d4965a	#d4965a	#af7236	#af7236	#419b41	#419b41	#1d771d	#1d771d
#dba775	#dba775	#925f2d	#925f2d	#61ac61	#61ac61	#186318	#186318
#e2b991	#e2b991	#754c24	#754c24	#80bc80	#80bc80	#134f13	#134f13
#e9caac	#e9caac	#57391b	#57391b	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#bfddbf	#bfddbf	#092709	#092709
#f7ede3	#f7ede3	#1d1309	#1d1309	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #228b22

Wechsel der Hintergrundfarbe bei Hover bei Befehl blockquote

Die Hintergrundfarbe soll sich von Farbe peru auf Farbwert #228b22 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Darstellung von <blockquote> in Farbe peru vor.

Wir legen in diesem Beispiel Farbe peru als Hintergrundfarbe von <blockquote> fest. Die Schriftgröße setzen wir auf 14pt.

<style type="text/css"><!--
  blockquote { 
    font-size:14pt; 
    background-color:peru;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #228b22 gesetzt wird.

<style type="text/css"><!--
  blockquote: hover { 
    background-color: #228b22;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Zur Beschreibung des hier verwendeten HTML-Tag <blockquote>.

Füllen und Umranden bei HTML-Befehl a

Einen Verweis setzen Sie mit HTML-Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Bei diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #228b22 . Den Hintergrund von <a> setzen wir entsprechend auf Farbe peru. Dies ist in HTML so kaum möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  a { border:3px inset #228b22; background-color:peru; }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Weiteres zum Tag a ist in der HTML Referenz bei <a> beschrieben.