Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fff00 und Farbe cornflowerblue

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.

Hintergrundfarbwert #7fff00			Schriftfarbe cornflowerblue
Detail	:	Hintergrund #7fff00	Detail	:	Schrift cornflowerblue
Farbwert	:	#7fff00	Farbe	:	cornflowerblue
Farbe	:	chartreuse	Farbwert	:	#6495ed
HTML	:	#7fff00	HTML	:	cornflowerblue
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#6495ed
CSS	:	#7fff00	CSS	:	cornflowerblue
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbwert #7fff00 nach Schriftfarbe cornflowerblue
#7fff00	#7bef21	#77e043	#73d165	#6fc287	#6bb3a9	#67a4cb	#6495ed
#7fff00	#7bef21	#77e043	#73d165	#6fc287	#6bb3a9	#67a4cb	#6495ed

Kombination von #7fff00 und cornflowerblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #7fff00 ist cornflowerblue ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben cornflowerblue und #7fff00 ergibt sich zu 89.07%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.93%.

Hintergrundfarbwert #7fff00				Schriftfarbe cornflowerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#6495ed	#6495ed	#6495ed	#6495ed
#91ff24	#91ff24	#6cda00	#6cda00	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#a3ff48	#a3ff48	#5ab600	#5ab600	#90b3f2	#90b3f2	#476aa9	#476aa9
#b5ff6d	#b5ff6d	#489100	#489100	#a6c2f4	#a6c2f4	#395587	#395587
#c8ff91	#c8ff91	#366d00	#366d00	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#daffb6	#daffb6	#244800	#244800	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#ecffda	#ecffda	#122400	#122400	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fff00 und Farbe cornflowerblue

Text- und Unterstreichungsfarben mit Befehl a

Mit HTML-Befehl <a> wird ein Hyperlink gesetzt. Er kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbe cornflowerblue. Die Schriftart setzen wir auf verdana und verringern die Schriftgröße auf 90%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbwert #7fff00. In HTML ist das nicht machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-bottom: 5px inset #7fff00; 
    font-size: 90%; 
    color: cornflowerblue; 
    font-family: verdana;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Der HTML-Befehl a ist in der HTML Referenz unter <a> gezeigt.

Wechsel der Umrandung bei Hover bei Befehl acronym

Die Rahmenfarbe soll sich von Farbwert #7fff00 auf Farbe cornflowerblue ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbwert #7fff00 vor.

In diesem Beispiel umranden wir <acronym> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #7fff00.

<style type="text/css"><!--
  acronym { 
    border-width:5px; 
    border-color:#7fff00; 
    border-style:groove;
  }
//-->
</style>

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

<style type="text/css"><!--
  acronym: hover { 
    border-color: cornflowerblue;
  }
//-->
</style>

Möglichkeiten vom HTML-Befehl acronym lesen Sie in der HTML Referenz unter <acronym>.