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

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.

Hintergrundfarbwert #ffb6c1			Schriftfarbe peru
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift peru
Farbwert	:	#ffb6c1	Farbe	:	peru
Farbe	:	lightpink	Farbwert	:	#cd853f
HTML	:	#ffb6c1	HTML	:	peru
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#cd853f
CSS	:	#ffb6c1	CSS	:	peru
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbe peru
#ffb6c1	#f7afae	#f0a89b	#e9a189	#e29a76	#db9364	#d48c51	#cd853f
#ffb6c1	#f7afae	#f0a89b	#e9a189	#e29a76	#db9364	#d48c51	#cd853f

Kombination von #ffb6c1 und peru
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben peru und #ffb6c1 ergibt sich zu 91.38%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.62%. Auf Hintergrund #ffb6c1 ist peru ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #ffb6c1				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#cd853f	#cd853f	#cd853f	#cd853f
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#d4965a	#d4965a	#af7236	#af7236
#ffcad2	#ffcad2	#b68289	#b68289	#dba775	#dba775	#925f2d	#925f2d
#ffd5db	#ffd5db	#91686e	#91686e	#e2b991	#e2b991	#754c24	#754c24
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#e9caac	#e9caac	#57391b	#57391b
#ffeaed	#ffeaed	#483437	#483437	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fff4f6	#fff4f6	#241a1b	#241a1b	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbe peru

Wechsel der Textfarbe bei Hover mit HTML-Befehl fieldset

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

Wir ändern als Beispiel die Textfarbe von <fieldset> auf Farbwert #ffb6c1.

<style type="text/css"><!--
  fieldset { 
    color:#ffb6c1;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu peru ändert.

<style type="text/css"><!--
  fieldset: hover { 
    color: peru;
  }
//-->
</style>

Mehr zum Thema finden Sie in Formulare in HTML. Die Beschreibung vom hier genutzten HTML-Befehl fieldset erfahren Sie in der HTML Referenz unter <fieldset>.

Text- und Unterstreichungsfarben mit Tag var

Für dieses Beispiel ändern wir die Textfarbe von <var> auf Farbe peru und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße verkleinern wir auf 81%. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbwert #ffb6c1. Mit HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    color: peru; 
    border-bottom-style: groove; 
    font-size: 81%; 
    border-bottom-width: 2px; 
    font-family: monospace; 
    border-bottom-color: #ffb6c1;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema var können Sie in Text in HTML nachsehen. Mehr zum HTML-Befehl var lesen Sie in der HTML Referenz unter <var>.