Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seagreen und Farbe seashell

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 seagreen			Schriftfarbe seashell
Detail	:	Hintergrund seagreen	Detail	:	Schrift seashell
Farbe	:	seagreen	Farbe	:	seashell
Farbwert	:	#2e8b57	Farbwert	:	#fff5ee
HTML	:	seagreen	HTML	:	seashell
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#fff5ee
CSS	:	seagreen	CSS	:	seashell
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbe seashell
#2e8b57	#4b9a6c	#69a982	#87b897	#a5c7ad	#c3d6c2	#e1e5d8	#fff5ee
#2e8b57	#4b9a6c	#69a982	#87b897	#a5c7ad	#c3d6c2	#e1e5d8	#fff5ee

Kombination von seagreen und seashell
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				seashell ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben seashell und seagreen ergibt sich zu 81.18%. Die Lesbarkeit dieser Kombination bewerte ich mit 18.82%.

Hintergrundfarbe seagreen				Schriftfarbe seashell
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#4b9b6f	#4b9b6f	#27774a	#27774a	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#69ac87	#69ac87	#20633e	#20633e	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#fff9f5	#fff9f5	#918c88	#918c88
#a5cdb7	#a5cdb7	#133b25	#133b25	#fffaf7	#fffaf7	#6d6966	#6d6966
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fffcfa	#fffcfa	#484644	#484644
#e1eee7	#e1eee7	#06130c	#06130c	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe seagreen und Farbe seashell

Wechsel der Hintergrundfarbe bei Hover mit Tag h1

Mit HTML-Befehl <h1> wird eine Überschrift der 1. Stufe gesetzt. Sie kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe seagreen auf Farbe seashell ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbe seagreen vor.

Wir legen z.B. Farbe seagreen als Hintergrundfarbe von <h1> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf verdana. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  h1 { 
    font-size: 13px; 
    background-color: seagreen; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf seashell ändert.

<style type="text/css"><!--
  h1:hover { 
    background-color:seashell;
  }
//-->
</style>

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung vom Tag <h1>.