Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7cfc00 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 #7cfc00			Schriftfarbe cornflowerblue
Detail	:	Hintergrund #7cfc00	Detail	:	Schrift cornflowerblue
Farbwert	:	#7cfc00	Farbe	:	cornflowerblue
Farbe	:	lawngreen	Farbwert	:	#6495ed
HTML	:	#7cfc00	HTML	:	cornflowerblue
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#6495ed
CSS	:	#7cfc00	CSS	:	cornflowerblue
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbwert #7cfc00 nach Schriftfarbe cornflowerblue
#7cfc00	#78ed21	#75de43	#71cf65	#6ec187	#6ab2a9	#67a3cb	#6495ed
#7cfc00	#78ed21	#75de43	#71cf65	#6ec187	#6ab2a9	#67a3cb	#6495ed

Kombination von #7cfc00 und cornflowerblue
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #7cfc00 ist cornflowerblue ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben cornflowerblue und #7cfc00 ergibt sich zu 89.36%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.64%.

Hintergrundfarbwert #7cfc00				Schriftfarbe cornflowerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#6495ed	#6495ed	#6495ed	#6495ed
#8efc24	#8efc24	#6ad800	#6ad800	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#a1fc48	#a1fc48	#58b400	#58b400	#90b3f2	#90b3f2	#476aa9	#476aa9
#b4fd6d	#b4fd6d	#469000	#469000	#a6c2f4	#a6c2f4	#395587	#395587
#c6fd91	#c6fd91	#356c00	#356c00	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#d9feb6	#d9feb6	#234800	#234800	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#ecfeda	#ecfeda	#112400	#112400	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7cfc00 und Farbe cornflowerblue

Füllen und Umranden mit Befehl pre

Für dieses Beispiel umranden wir <pre> mit einem . Den Hintergrund von <pre> färben wir mit Farbwert #7cfc00. Mit HTML geht dies nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  pre { 
    background-color: #7cfc00; 
    border-style: double; 
    border-color: cornflowerblue; 
    border-width: 1pt;
  }
//-->
</style>

Mehr zum Thema pre können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung vom Tag pre finden Sie in der HTML Referenz unter <pre>.

Wechsel der Textfarbe bei Hover von HTML-Tag h6

Eine Überschrift der 6. Stufe wird mit HTML-Befehl <h6> erzeugt. Diese kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #7cfc00 auf Farbe cornflowerblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h6> in Farbwert #7cfc00 vor.

Hier legen wir Farbwert #7cfc00 als Textfarbe von <h6> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  h6 { 
    font-family:verdana; 
    color:#7cfc00;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf cornflowerblue ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum hier verwendeten Befehl <h6>.