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

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 #f0e68c
Detail	:	Hintergrund #cd853f	Detail	:	Schrift #f0e68c
Farbwert	:	#cd853f	Farbwert	:	#f0e68c
Farbe	:	peru	Farbe	:	khaki
HTML	:	#cd853f	HTML	:	#f0e68c
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#f0e68c
CSS	:	#cd853f	CSS	:	#f0e68c
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #cd853f nach Schriftfarbwert #f0e68c
#cd853f	#d2924a	#d7a055	#dcae60	#e1bc6b	#e6ca76	#ebd881	#f0e68c
#cd853f	#d2924a	#d7a055	#dcae60	#e1bc6b	#e6ca76	#ebd881	#f0e68c

Kombination von #cd853f und #f0e68c
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.				#f0e68c ist nicht als Schriftfarbe auf Hintergrund #cd853f geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #f0e68c und #cd853f ergibt sich zu 88.88%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.12%.

Hintergrundfarbwert #cd853f				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#d4965a	#d4965a	#af7236	#af7236	#f2e99c	#f2e99c	#cdc578	#cdc578
#dba775	#dba775	#925f2d	#925f2d	#f4edac	#f4edac	#aba464	#aba464
#e2b991	#e2b991	#754c24	#754c24	#f6f0bd	#f6f0bd	#898350	#898350
#e9caac	#e9caac	#57391b	#57391b	#f8f4cd	#f8f4cd	#66623c	#66623c
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#faf7de	#faf7de	#444128	#444128
#f7ede3	#f7ede3	#1d1309	#1d1309	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #cd853f und Farbwert #f0e68c

Wechsel der Umrandung bei Hover mit Tag a

Einen Link setzen Sie mit HTML-Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #cd853f auf Farbwert #f0e68c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #cd853f vor.

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

<style type="text/css"><!--
  a { 
    border-width:5px; 
    border-style:outset; 
    border-color:#cd853f;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe zu #f0e68c ändert.

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

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom HTML-Tag <a>.

Füllen und Umranden von Tag dt

Hier umranden wir <dt> mit einem . Die Hintergrundfarbe für <dt> setzen wir entsprechend auf Farbwert #cd853f. In HTML geht dies kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  dt { border:5px dotted #f0e68c; background-color:#cd853f; }
//-->
</style>

Weiteres zu dt finden Sie in Listen und Glossare in HTML. Die Beschreibung des hier gezeigten HTML-Tag dt lesen Sie in der HTML Referenz unter <dt>.