Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbwert #fff8dc

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.

Hintergrundfarbwert #cd853f			Schriftfarbwert #fff8dc
Detail	:	Hintergrund #cd853f	Detail	:	Schrift #fff8dc
Farbwert	:	#cd853f	Farbwert	:	#fff8dc
Farbe	:	peru	Farbe	:	cornsilk
HTML	:	#cd853f	HTML	:	#fff8dc
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#fff8dc
CSS	:	#cd853f	CSS	:	#fff8dc
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbwert #cd853f nach Schriftfarbwert #fff8dc
#cd853f	#d49555	#dba56b	#e2b682	#e9c698	#f0d7af	#f7e7c5	#fff8dc
#cd853f	#d49555	#dba56b	#e2b682	#e9c698	#f0d7af	#f7e7c5	#fff8dc

Kombination von #cd853f und #fff8dc
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fff8dc eignet sich nicht als Schriftfarbe auf Hintergrund #cd853f. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #fff8dc und #cd853f beträgt 86.63%. Die Lesbarkeit dieser Kombination liegt damit bei 13.37%.

Hintergrundfarbwert #cd853f				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#d4965a	#d4965a	#af7236	#af7236	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#dba775	#dba775	#925f2d	#925f2d	#fffae6	#fffae6	#b6b19d	#b6b19d
#e2b991	#e2b991	#754c24	#754c24	#fffbeb	#fffbeb	#918d7d	#918d7d
#e9caac	#e9caac	#57391b	#57391b	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#fffdf5	#fffdf5	#48463e	#48463e
#f7ede3	#f7ede3	#1d1309	#1d1309	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #cd853f und Farbwert #fff8dc

Wechsel der Textfarbe bei Hover mit Tag kbd

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

Hier legen wir bei <kbd> die Textfarbe auf Farbwert #cd853f fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 13pt.

<style type="text/css"><!--
  kbd { 
    font-size:13pt; 
    font-family:monospace; 
    color:#cd853f;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #fff8dc ändert.

<style type="text/css"><!--
  kbd:hover { 
    color:#fff8dc;
  }
//-->
</style>

Weiteres zu kbd erfahren Sie in Text in HTML. Einzelheiten des hier gezeigten Tag kbd lesen Sie in der HTML Referenz unter <kbd>.