Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #f5f5dc

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 #2e8b57			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #f5f5dc
Farbwert	:	#2e8b57	Farbwert	:	#f5f5dc
Farbe	:	seagreen	Farbe	:	beige
HTML	:	#2e8b57	HTML	:	#f5f5dc
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#f5f5dc
CSS	:	#2e8b57	CSS	:	#f5f5dc
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #f5f5dc
#2e8b57	#4a9a6a	#66a97d	#83b890	#9fc7a3	#bcd6b6	#d8e5c9	#f5f5dc
#2e8b57	#4a9a6a	#66a97d	#83b890	#9fc7a3	#bcd6b6	#d8e5c9	#f5f5dc

Kombination von #2e8b57 und #f5f5dc
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #2e8b57 ist #f5f5dc ungeeignet. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben #f5f5dc und #2e8b57 ergibt sich zu 81.73%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 18.27%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#4b9b6f	#4b9b6f	#27774a	#27774a	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#69ac87	#69ac87	#20633e	#20633e	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#a5cdb7	#a5cdb7	#133b25	#133b25	#fafaf0	#fafaf0	#69695e	#69695e
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fcfcf5	#fcfcf5	#46463e	#46463e
#e1eee7	#e1eee7	#06130c	#06130c	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2e8b57 und Farbwert #f5f5dc

Füllen und Umranden bei HTML-Befehl address

In diesem Beispiel umranden wir <address> mit einem einfallenden, 1 Punkte dicken Rahmen in Farbwert #f5f5dc . Die Hintergrundfarbe für <address> setzen wir entsprechend auf Farbwert #2e8b57. Mit HTML ist dies kaum möglich. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    border-width:1pt; 
    border-style:inset; 
    border-color:#f5f5dc; 
    background-color:#2e8b57;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Zur Beschreibung vom Tag <address>.

Wechsel der Umrandung bei Hover mit Tag s

Die Rahmenfarbe soll sich von Farbwert #2e8b57 auf Farbwert #f5f5dc ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst eine Formatierung von <s> in Farbwert #2e8b57 vor.

In diesem Beispiel umranden wir <s> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #2e8b57.

<style type="text/css"><!--
  s { 
    border-color:#2e8b57; 
    border-width:3px; 
    border-style:ridge;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe auf #f5f5dc ändert.

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

Weiteres zum Thema lesen Sie in Text in HTML. Möglichkeiten des Tag <s>.