Ressourcen: 137 HTML Farbnamen - Kombination von Farbe coral und Farbwert #ffa07a

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.

Hintergrundfarbe coral			Schriftfarbwert #ffa07a
Detail	:	Hintergrund coral	Detail	:	Schrift #ffa07a
Farbe	:	coral	Farbwert	:	#ffa07a
Farbwert	:	#ff7f50	Farbe	:	lightsalmon
HTML	:	coral	HTML	:	#ffa07a
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#ffa07a
CSS	:	coral	CSS	:	#ffa07a
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbe coral nach Schriftfarbwert #ffa07a
#ff7f50	#ff8356	#ff885c	#ff8d62	#ff9168	#ff966e	#ff9b74	#ffa07a
#ff7f50	#ff8356	#ff885c	#ff8d62	#ff9168	#ff966e	#ff9b74	#ffa07a

Kombination von coral und #ffa07a
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffa07a eignet sich nicht als Schriftfarbe auf Hintergrund coral, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ffa07a und coral beträgt 94.02%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.98%.

Hintergrundfarbe coral				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#ff9169	#ff9169	#da6c44	#da6c44	#ffad8d	#ffad8d	#da8968	#da8968
#ffa382	#ffa382	#b65a39	#b65a39	#ffbba0	#ffbba0	#b67257	#b67257
#ffb59b	#ffb59b	#91482d	#91482d	#ffc8b3	#ffc8b3	#915b45	#915b45
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#ffdacd	#ffdacd	#482416	#482416	#ffe3d9	#ffe3d9	#482d22	#482d22
#ffece6	#ffece6	#24120b	#24120b	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe coral und Farbwert #ffa07a

Füllen und Umranden mit Tag caption

In diesem Beispiel umranden wir <caption> mit einem . Den Hintergrund von <caption> setzen wir auf Farbe coral. Das ist mit HTML nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  caption { border:4px outset #ffa07a; background-color:coral; }
//-->
</style>

Weiteres zum Thema caption können Sie in Tabellen in HTML lesen. Weiteres zum Tag <caption>.

Wechsel der Textfarbe bei Hover von Tag ins

Die Textfarbe soll sich von Farbe coral auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst die Darstellung von <ins> in Farbe coral vor.

Für dieses Beispiel legen wir Farbe coral als Textfarbe von <ins> fest:

<style type="text/css"><!--
  ins { 
    color: coral;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #ffa07a geändert wird.

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

Möglichkeiten vom hier gezeigten Tag ins sind in der HTML Referenz unter <ins> beschrieben.