Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #87cefa

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 seagreen			Schriftfarbwert #87cefa
Detail	:	Hintergrund seagreen	Detail	:	Schrift #87cefa
Farbe	:	seagreen	Farbwert	:	#87cefa
Farbwert	:	#2e8b57	Farbe	:	lightskyblue
HTML	:	seagreen	HTML	:	#87cefa
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#87cefa
CSS	:	seagreen	CSS	:	#87cefa
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #87cefa
#2e8b57	#3a946e	#479e85	#54a79c	#60b1b4	#6dbacb	#7ac4e2	#87cefa
#2e8b57	#3a946e	#479e85	#54a79c	#60b1b4	#6dbacb	#7ac4e2	#87cefa

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

Hintergrundfarbe seagreen				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#87cefa	#87cefa	#87cefa	#87cefa
#4b9b6f	#4b9b6f	#27774a	#27774a	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#69ac87	#69ac87	#20633e	#20633e	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#bae3fc	#bae3fc	#4d758e	#4d758e
#a5cdb7	#a5cdb7	#133b25	#133b25	#cbeafc	#cbeafc	#39586b	#39586b
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#dcf1fd	#dcf1fd	#263a47	#263a47
#e1eee7	#e1eee7	#06130c	#06130c	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #87cefa

Wechsel der Textfarbe bei Hover mit Befehl center

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #87cefa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbe seagreen vor.

In diesem Beispiel legen wir Farbe seagreen als Textfarbe von <center> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf arial. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  center { 
    color:seagreen; 
    font-family:arial; 
    font-size:9px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #87cefa ändert.

<style type="text/css"><!--
  center:hover { 
    color:#87cefa;
  }
//-->
</style>

Mehr zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten HTML-Tag center finden Sie in der HTML Referenz unter <center>.

Füllen und Umranden bei Tag span

Hier umranden wir <span> mit einem . Den Hintergrund von <span> setzen wir auf Farbe seagreen. Das ist in HTML so kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  span { border:3px dashed #87cefa; background-color:seagreen; }
//-->
</style>

Die Beschreibung des Tag span erfahren Sie in der HTML Referenz unter <span>.