Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbwert #ff69b4

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 #cd853f			Schriftfarbwert #ff69b4
Detail	:	Hintergrund #cd853f	Detail	:	Schrift #ff69b4
Farbwert	:	#cd853f	Farbwert	:	#ff69b4
Farbe	:	peru	Farbe	:	hotpink
HTML	:	#cd853f	HTML	:	#ff69b4
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#ff69b4
CSS	:	#cd853f	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 Hintergrundfarbwert #cd853f nach Schriftfarbwert #ff69b4
#cd853f	#d4814f	#db7d60	#e27971	#e97581	#f07192	#f76da3	#ff69b4
#cd853f	#d4814f	#db7d60	#e27971	#e97581	#f07192	#f76da3	#ff69b4

Kombination von #cd853f und #ff69b4
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ff69b4 eignet sich nicht als Schriftfarbe auf Hintergrund #cd853f, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ff69b4 und #cd853f ergibt sich zu 94.62%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.38%.

Hintergrundfarbwert #cd853f				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 Farbwert #cd853f und Farbwert #ff69b4

Wechsel der Umrandung bei Hover von HTML-Befehl center

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

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #cd853f.

<style type="text/css"><!--
  center { border:5px inset #cd853f; }
//-->
</style>

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

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom HTML-Tag center lesen Sie in der HTML Referenz unter <center>.

Hintergrund/Text-Kombination von Tag form

In diesem Beispiel ändern wir die Textfarbe von <form> auf Farbwert #ff69b4 und die Hintergrundfarbe von <form> auf Farbwert #cd853f. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 14px.

<style type="text/css"><!--
  form { 
    color:#ff69b4; 
    background-color:#cd853f; 
    font-size:14px; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Formulare in HTML. Weiteres zum hier gezeigten Tag <form>.