Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff7f50 und Farbwert #ffd700

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

Verlauf Hintergrundfarbwert #ff7f50 nach Schriftfarbwert #ffd700
#ff7f50	#ff8b44	#ff9839	#ffa42d	#ffb122	#ffbd16	#ffca0b	#ffd700
#ff7f50	#ff8b44	#ff9839	#ffa42d	#ffb122	#ffbd16	#ffca0b	#ffd700

Kombination von #ff7f50 und #ffd700
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ffd700 und #ff7f50 beträgt 91.52%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.48%. #ffd700 eignet sich nicht als Schriftfarbe auf Hintergrund #ff7f50. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #ff7f50				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#ffd700	#ffd700	#ffd700	#ffd700
#ff9169	#ff9169	#da6c44	#da6c44	#ffdc24	#ffdc24	#dab800	#dab800
#ffa382	#ffa382	#b65a39	#b65a39	#ffe248	#ffe248	#b69900	#b69900
#ffb59b	#ffb59b	#91482d	#91482d	#ffe86d	#ffe86d	#917a00	#917a00
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#ffed91	#ffed91	#6d5c00	#6d5c00
#ffdacd	#ffdacd	#482416	#482416	#fff3b6	#fff3b6	#483d00	#483d00
#ffece6	#ffece6	#24120b	#24120b	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff7f50 und Farbwert #ffd700

Text- und Unterstreichungsfarben von Befehl h3

Eine Überschrift der 3. Stufe wird mit HTML-Tag <h3> erzeugt. Diese kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h3> auf Farbwert #ffd700. Die Schriftart ändern wir auf sans-serif und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines doppelten Rahmens mit 4 Pixel Dicke in Farbwert #ff7f50. In HTML ist das nicht machbar. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  h3 { 
    border-bottom-style:double; 
    border-bottom-width:4px; 
    font-family:sans-serif; 
    border-bottom-color:#ff7f50; 
    color:#ffd700; 
    font-size:13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des Tag <h3>.

Wechsel der Textfarbe bei Hover von Tag h5

Eine Überschrift der 5. Stufe erzeugen Sie mit HTML-Tag <h5>. Sie kann hervorgehoben und farblich gestaltet werden.

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

Wir legen z.B. Farbwert #ff7f50 als Textfarbe von <h5> fest.

<style type="text/css"><!--
  h5 { 
    color:#ff7f50;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #ffd700 geändert wird.

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

Mehr zum Thema h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag h5 ist in der HTML Referenz unter <h5> genau zusammengestellt.