Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff7f50 und Farbwert #ff0000

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 #ff7f50			Schriftfarbwert #ff0000
Detail	:	Hintergrund #ff7f50	Detail	:	Schrift #ff0000
Farbwert	:	#ff7f50	Farbwert	:	#ff0000
Farbe	:	coral	Farbe	:	red
HTML	:	#ff7f50	HTML	:	#ff0000
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#ff0000
CSS	:	#ff7f50	CSS	:	#ff0000
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #ff7f50 nach Schriftfarbwert #ff0000
#ff7f50	#ff6c44	#ff5a39	#ff482d	#ff3622	#ff2416	#ff120b	#ff0000
#ff7f50	#ff6c44	#ff5a39	#ff482d	#ff3622	#ff2416	#ff120b	#ff0000

Kombination von #ff7f50 und #ff0000
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.				Die Ähnlichkeit der Farben #ff0000 und #ff7f50 beträgt 92.38%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.62%. Auf Hintergrund #ff7f50 ist #ff0000 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #ff7f50				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#ff0000	#ff0000	#ff0000	#ff0000
#ff9169	#ff9169	#da6c44	#da6c44	#ff2424	#ff2424	#da0000	#da0000
#ffa382	#ffa382	#b65a39	#b65a39	#ff4848	#ff4848	#b60000	#b60000
#ffb59b	#ffb59b	#91482d	#91482d	#ff6d6d	#ff6d6d	#910000	#910000
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#ff9191	#ff9191	#6d0000	#6d0000
#ffdacd	#ffdacd	#482416	#482416	#ffb6b6	#ffb6b6	#480000	#480000
#ffece6	#ffece6	#24120b	#24120b	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff7f50 und Farbwert #ff0000

Hintergrund/Text-Kombination mit Tag table

Hier ändern wir die Textfarbe von <table> auf Farbwert #ff0000 und die Hintergrundfarbe von <table> auf Farbwert #ff7f50. Als Schriftart setzen wir monospace. Als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  table { 
    color: #f00; 
    font-size: 13px; 
    font-family: monospace; 
    background-color: #ff7f50;
  }
//-->
</style>

Mehr zum Thema table erfahren Sie in Tabellen in HTML. Einzelheiten des Befehl <table>.

Wechsel der Umrandung bei Hover bei HTML-Tag hr

Die Rahmenfarbe soll sich von Farbwert #ff7f50 auf Farbwert #ff0000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <hr> in Farbwert #ff7f50 vor.

In diesem Beispiel umranden wir <hr> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #ff7f50.

<style type="text/css"><!--
  hr { 
    border-style: inset; 
    border-color: #ff7f50; 
    border-width: 2px;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #ff0000 gesetzt wird.

<style type="text/css"><!--
  hr:hover { 
    border-color:#f00;
  }
//-->
</style>

Weiteres zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des hier gezeigten HTML-Befehl <hr>.