Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #a0522d

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.

Hintergrundfarbe indianred			Schriftfarbwert #a0522d
Detail	:	Hintergrund indianred	Detail	:	Schrift #a0522d
Farbe	:	indianred	Farbwert	:	#a0522d
Farbwert	:	#cd5c5c	Farbe	:	sienna
HTML	:	indianred	HTML	:	#a0522d
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#a0522d
CSS	:	indianred	CSS	:	#a0522d
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbwert #a0522d
#cd5c5c	#c65a55	#c0594e	#b95747	#b35641	#ac543a	#a65333	#a0522d
#cd5c5c	#c65a55	#c0594e	#b95747	#b35641	#ac543a	#a65333	#a0522d

Kombination von indianred und #a0522d
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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #a0522d und indianred beträgt 93.27%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.73%. #a0522d eignet sich nicht als Schriftfarbe auf Hintergrund indianred. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe indianred				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#a0522d	#a0522d	#a0522d	#a0522d
#d47373	#d47373	#af4e4e	#af4e4e	#ad6a4b	#ad6a4b	#894626	#894626
#db8a8a	#db8a8a	#924141	#924141	#bb8369	#bb8369	#723a20	#723a20
#e2a1a1	#e2a1a1	#753434	#753434	#c89c87	#c89c87	#5b2e19	#5b2e19
#e9b9b9	#e9b9b9	#572727	#572727	#d6b4a5	#d6b4a5	#442313	#442313
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbwert #a0522d

Wechsel der Textfarbe bei Hover mit HTML-Befehl kbd

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

Als Beispiel legen wir Farbe indianred als Textfarbe von <kbd> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf sans-serif und verringern die Schriftgröße auf 96%:

<style type="text/css"><!--
  kbd { 
    font-family: sans-serif; 
    font-size: 96%; 
    color: indianred;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #a0522d gesetzt wird.

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

Mehr zu kbd finden Sie in Text in HTML. Möglichkeiten vom HTML-Befehl <kbd>.

Füllen und Umranden von HTML-Befehl samp

Hier umranden wir <samp> mit einem 4 Punkte dicken, gepunkteten Rahmen in Farbwert #a0522d . Den Hintergrund von <samp> färben wir entsprechend mit Farbe indianred. In HTML ist das kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  samp { border:4pt dotted #a0522d; background-color:indianred; }
//-->
</style>

Mehr zum Thema samp lesen Sie in Text in HTML. Möglichkeiten des Befehl samp sind in der HTML Referenz bei <samp> gezeigt.