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

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

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #ff7f50
#f0fff0	#f2ecd9	#f4dac2	#f6c8ab	#f8b594	#faa37d	#fc9166	#ff7f50
#f0fff0	#f2ecd9	#f4dac2	#f6c8ab	#f8b594	#faa37d	#fc9166	#ff7f50

Kombination von honeydew und #ff7f50
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund honeydew, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ff7f50 und honeydew beträgt 88.52%. Die Lesbarkeit dieser Kombination liegt damit bei 11.48%.

Hintergrundfarbe honeydew				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#f2fff2	#f2fff2	#cddacd	#cddacd	#ff9169	#ff9169	#da6c44	#da6c44
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#ffa382	#ffa382	#b65a39	#b65a39
#f6fff6	#f6fff6	#899189	#899189	#ffb59b	#ffb59b	#91482d	#91482d
#f8fff8	#f8fff8	#666d66	#666d66	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fafffa	#fafffa	#444844	#444844	#ffdacd	#ffdacd	#482416	#482416
#fcfffc	#fcfffc	#222422	#222422	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #ff7f50

Wechsel der Umrandung bei Hover von HTML-Tag frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe honeydew.

<style type="text/css"><!--
  frameset { 
    border-color: honeydew; 
    border-style: groove; 
    border-width: 4px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #ff7f50 gesetzt wird.

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

Weiteres zum hier gezeigten HTML-Befehl frameset finden Sie in der HTML Referenz unter <frameset>.

Text- und Unterstreichungsfarben von HTML-Befehl a

Mit HTML-Befehl <a> wird ein Verweis erzeugt. Diesen können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ff7f50. Die Schriftart setzen wir auf monospace. Die Schriftgröße erhöhen wir auf 121%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbe honeydew. Mit HTML geht das kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom-style:dashed; 
    border-bottom-width:1px; 
    font-size:121%; 
    font-family:monospace; 
    color:#ff7f50; 
    border-bottom-color:honeydew;
  }
//-->
</style>

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

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Beschreibung des Befehl <a>.