Ressourcen: 120 HTML Farbnamen - Kombination von Farbe coral und Farbwert #8b4513

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 coral			Schriftfarbwert #8b4513
Detail	:	Hintergrund coral	Detail	:	Schrift #8b4513
Farbe	:	coral	Farbwert	:	#8b4513
Farbwert	:	#ff7f50	Farbe	:	saddlebrown
HTML	:	coral	HTML	:	#8b4513
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#8b4513
CSS	:	coral	CSS	:	#8b4513
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe coral nach Schriftfarbwert #8b4513
#ff7f50	#ee7647	#dd6e3e	#cd6635	#bc5d2d	#ac5524	#9b4d1b	#8b4513
#ff7f50	#ee7647	#dd6e3e	#cd6635	#bc5d2d	#ac5524	#9b4d1b	#8b4513

Kombination von coral und #8b4513
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund coral ist #8b4513 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #8b4513 und coral beträgt 86.47%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.53%.

Hintergrundfarbe coral				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#8b4513	#8b4513	#8b4513	#8b4513
#ff9169	#ff9169	#da6c44	#da6c44	#9b5f34	#9b5f34	#773b10	#773b10
#ffa382	#ffa382	#b65a39	#b65a39	#ac7a56	#ac7a56	#63310d	#63310d
#ffb59b	#ffb59b	#91482d	#91482d	#bc9478	#bc9478	#4f270a	#4f270a
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#ffdacd	#ffdacd	#482416	#482416	#ddc9bb	#ddc9bb	#271305	#271305
#ffece6	#ffece6	#24120b	#24120b	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe coral und Farbwert #8b4513

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag strong

Die Hintergrundfarbe soll sich von Farbe coral auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strong> in Farbe coral vor.

Wir ändern als Beispiel bei <strong> die Hintergrundfarbe auf Farbe coral. Die Textfarbe ändern wir nicht, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  strong { 
    background-color:coral; 
    font-family:sans-serif;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #8b4513 gesetzt wird.

<style type="text/css"><!--
  strong:hover { 
    background-color:#8b4513;
  }
//-->
</style>

Mehr zu strong können Sie in Text in HTML lesen. Die Beschreibung des hier gezeigten HTML-Befehl strong erfahren Sie in der HTML Referenz unter <strong>.

Füllen und Umranden von Befehl a

Mit Tag <a> wird ein Verweis gesetzt. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem . Den Hintergrund von <a> färben wir entsprechend mit Farbe coral. In HTML ist dies kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    border-color:#8b4513; 
    border-style:double; 
    border-width:5px; 
    background-color:coral;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Der hier verwendete Befehl a ist in der HTML Referenz unter <a> genau beschrieben.