Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chartreuse und Farbe lightskyblue

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 chartreuse			Schriftfarbe lightskyblue
Detail	:	Hintergrund chartreuse	Detail	:	Schrift lightskyblue
Farbe	:	chartreuse	Farbe	:	lightskyblue
Farbwert	:	#7fff00	Farbwert	:	#87cefa
HTML	:	chartreuse	HTML	:	lightskyblue
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#87cefa
CSS	:	chartreuse	CSS	:	lightskyblue
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe chartreuse nach Schriftfarbe lightskyblue
#7fff00	#80f823	#81f147	#82ea6b	#83e38e	#84dcb2	#85d5d6	#87cefa
#7fff00	#80f823	#81f147	#82ea6b	#83e38e	#84dcb2	#85d5d6	#87cefa

Kombination von chartreuse und lightskyblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				lightskyblue eignet sich nicht als Schriftfarbe auf Hintergrund chartreuse, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von lightskyblue und chartreuse beträgt 93.69%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.31%.

Hintergrundfarbe chartreuse				Schriftfarbe lightskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#87cefa	#87cefa	#87cefa	#87cefa
#91ff24	#91ff24	#6cda00	#6cda00	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#a3ff48	#a3ff48	#5ab600	#5ab600	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#b5ff6d	#b5ff6d	#489100	#489100	#bae3fc	#bae3fc	#4d758e	#4d758e
#c8ff91	#c8ff91	#366d00	#366d00	#cbeafc	#cbeafc	#39586b	#39586b
#daffb6	#daffb6	#244800	#244800	#dcf1fd	#dcf1fd	#263a47	#263a47
#ecffda	#ecffda	#122400	#122400	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe chartreuse und Farbe lightskyblue

Wechsel der Textfarbe bei Hover mit Befehl a

Einen Link erzeugt man mit HTML-Tag <a> und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe chartreuse auf Farbe lightskyblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe chartreuse vor.

Wir setzen als Beispiel bei <a> die Textfarbe auf Farbe chartreuse:

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu lightskyblue ändert.

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum hier genutzten Befehl a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei HTML-Tag strike

Hier ändern wir die Textfarbe von <strike> auf Farbe lightskyblue und die Hintergrundfarbe von <strike> auf Farbe chartreuse. Als Schriftart wählen wir courier new und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  strike { 
    font-family:courier new; 
    color:lightskyblue; 
    font-size:9pt; 
    background-color:chartreuse;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Text in HTML. Weiteres zum hier verwendeten HTML-Tag strike erfahren Sie in der HTML Referenz unter <strike>.