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

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

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #f5f5f5
#2e8b57	#4a9a6d	#66a984	#83b89a	#9fc7b1	#bcd6c7	#d8e5de	#f5f5f5
#2e8b57	#4a9a6d	#66a984	#83b89a	#9fc7b1	#bcd6c7	#d8e5de	#f5f5f5

Kombination von seagreen und #f5f5f5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #f5f5f5 und seagreen beträgt 81.46%. Die Lesbarkeit dieser Kombination ergibt sich zu 18.54%. Auf Hintergrund seagreen ist #f5f5f5 ungeeignet, weil der Farbunterschied nicht ausreichend ist

Hintergrundfarbe seagreen				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#4b9b6f	#4b9b6f	#27774a	#27774a	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#69ac87	#69ac87	#20633e	#20633e	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#a5cdb7	#a5cdb7	#133b25	#133b25	#fafafa	#fafafa	#696969	#696969
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fcfcfc	#fcfcfc	#464646	#464646
#e1eee7	#e1eee7	#06130c	#06130c	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe seagreen und Farbwert #f5f5f5

Wechsel der Textfarbe bei Hover von Befehl a

Mit Tag <a> wird ein Link erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #f5f5f5 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe seagreen vor.

Wir legen hier Farbe seagreen als Textfarbe von <a> fest und setzen die Schriftgröße auf 13px.

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #f5f5f5 ändert.

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

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl a sind in der HTML Referenz bei <a> ausführlich beschrieben.