Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #cd5c5c und Farbwert #f4a460

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 #cd5c5c			Schriftfarbwert #f4a460
Detail	:	Hintergrund #cd5c5c	Detail	:	Schrift #f4a460
Farbwert	:	#cd5c5c	Farbwert	:	#f4a460
Farbe	:	indianred	Farbe	:	sandybrown
HTML	:	#cd5c5c	HTML	:	#f4a460
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#f4a460
CSS	:	#cd5c5c	CSS	:	#f4a460
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbwert #cd5c5c nach Schriftfarbwert #f4a460
#cd5c5c	#d2665c	#d8705d	#dd7a5d	#e3855e	#e88f5e	#ee995f	#f4a460
#cd5c5c	#d2665c	#d8705d	#dd7a5d	#e3855e	#e88f5e	#ee995f	#f4a460

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

Hintergrundfarbwert #cd5c5c				Schriftfarbwert #f4a460
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#f4a460	#f4a460	#f4a460	#f4a460
#d47373	#d47373	#af4e4e	#af4e4e	#f5b176	#f5b176	#d18c52	#d18c52
#db8a8a	#db8a8a	#924141	#924141	#f7be8d	#f7be8d	#ae7544	#ae7544
#e2a1a1	#e2a1a1	#753434	#753434	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#e9b9b9	#e9b9b9	#572727	#572727	#fad8ba	#fad8ba	#684629	#684629
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #cd5c5c und Farbwert #f4a460

Wechsel der Textfarbe bei Hover mit Tag pre

Die Textfarbe soll sich von Farbwert #cd5c5c auf Farbwert #f4a460 ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Formatierung von <pre> in Farbwert #cd5c5c vor.

Als Beispiel legen wir Farbwert #cd5c5c als Textfarbe von <pre> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  pre { 
    color: #cd5c5c; 
    font-family: monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #f4a460 ändert.

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

Weiteres zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Einzelheiten vom hier gezeigten HTML-Tag pre sind in der HTML Referenz bei <pre> genau beschrieben.

Füllen und Umranden mit HTML-Tag s

Hier umranden wir <s> mit einem . Den Hintergrund von <s> setzen wir entsprechend auf Farbwert #cd5c5c. Das ist mit HTML nicht möglich. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  s { 
    border-style: dashed; 
    border-color: #f4a460; 
    background-color: #cd5c5c; 
    border-width: 5pt;
  }
//-->
</style>

Mehr zu s können Sie in Text in HTML nachsehen. Weiteres zum hier verwendeten Tag s ist in der HTML Referenz bei <s> genau gezeigt.