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

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 #ff69b4
Detail	:	Hintergrund peru	Detail	:	Schrift #ff69b4
Farbe	:	peru	Farbwert	:	#ff69b4
Farbwert	:	#cd853f	Farbe	:	hotpink
HTML	:	peru	HTML	:	#ff69b4
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#ff69b4
CSS	:	peru	CSS	:	#ff69b4
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #ff69b4
#cd853f	#d4814f	#db7d60	#e27971	#e97581	#f07192	#f76da3	#ff69b4
#cd853f	#d4814f	#db7d60	#e27971	#e97581	#f07192	#f76da3	#ff69b4

Kombination von peru und #ff69b4
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund peru ist #ff69b4 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ff69b4 und peru beträgt 94.62%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.38%.

Hintergrundfarbe peru				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#d4965a	#d4965a	#af7236	#af7236	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#dba775	#dba775	#925f2d	#925f2d	#ff93c9	#ff93c9	#b64b80	#b64b80
#e2b991	#e2b991	#754c24	#754c24	#ffa9d4	#ffa9d4	#913c66	#913c66
#e9caac	#e9caac	#57391b	#57391b	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#ffd4e9	#ffd4e9	#481e33	#481e33
#f7ede3	#f7ede3	#1d1309	#1d1309	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #ff69b4

Hintergrund/Text-Kombination bei HTML-Befehl option

Hier ändern wir die Textfarbe von <option> auf Farbwert #ff69b4 und die Hintergrundfarbe von <option> auf Farbe peru. Als Schriftart wählen wir sans-serif. Die Schriftgröße verkleinern wir auf 94%.

<style type="text/css"><!--
  option { 
    color: #ff69b4; 
    font-family: sans-serif; 
    font-size: 94%; 
    background-color: peru;
  }
//-->
</style>

Weiteres zum Thema option finden Sie in Formulare in HTML. Möglichkeiten des hier genutzten HTML-Tag option lesen Sie in der HTML Referenz unter <option>.

Wechsel der Umrandung bei Hover mit Tag frame

Die Rahmenfarbe soll sich von Farbe peru auf Farbwert #ff69b4 ändern, wenn man mit der Maus auf <frame> zeigt. Wir bereiten zunächst eine Darstellung von <frame> in Farbe peru vor.

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

<style type="text/css"><!--
  frame { border:3px outset peru; }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Rahmenfarbe auf #ff69b4 gesetzt wird.

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

Zur Beschreibung vom HTML-Befehl <frame>.