Ressourcen: 137 HTML Farbnamen - Kombination von Farbe yellowgreen und Farbe skyblue

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe yellowgreen			Schriftfarbe skyblue
Detail	:	Hintergrund yellowgreen	Detail	:	Schrift skyblue
Farbe	:	yellowgreen	Farbe	:	skyblue
Farbwert	:	#9acd32	Farbwert	:	#87ceeb
HTML	:	yellowgreen	HTML	:	skyblue
HTML (Wert)	:	#9acd32	HTML (Wert)	:	#87ceeb
CSS	:	yellowgreen	CSS	:	skyblue
CSS (Wert)	:	#9acd32	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#9acd32	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(154,205,50)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(60%,80%,19%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbe yellowgreen nach Schriftfarbe skyblue
#9acd32	#97cd4c	#94cd66	#91cd81	#8fcd9b	#8ccdb6	#89cdd0	#87ceeb
#9acd32	#97cd4c	#94cd66	#91cd81	#8fcd9b	#8ccdb6	#89cdd0	#87ceeb

Kombination von yellowgreen und skyblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				skyblue ist nicht als Schriftfarbe auf Hintergrund yellowgreen geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von skyblue und yellowgreen ergibt sich zu 94.85%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.15%.

Hintergrundfarbe yellowgreen				Schriftfarbe skyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9acd32	#9acd32	#9acd32	#9acd32	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#a8d44f	#a8d44f	#84af2a	#84af2a	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#b6db6c	#b6db6c	#6e9223	#6e9223	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#c5e289	#c5e289	#58751c	#58751c	#bae3f3	#bae3f3	#4d7586	#4d7586
#d3e9a7	#d3e9a7	#425715	#425715	#cbeaf6	#cbeaf6	#395864	#395864
#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e	#dcf1f9	#dcf1f9	#263a43	#263a43
#f0f7e1	#f0f7e1	#161d07	#161d07	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellowgreen und Farbe skyblue

Hintergrund/Text-Kombination mit Tag pre

Wir ändern bei diesem Beispiel die Textfarbe von <pre> auf Farbe skyblue und die Hintergrundfarbe von <pre> auf Farbe yellowgreen. Als Schriftart wählen wir verdana und als Schriftgröße entscheiden wir uns für 80%.

<style type="text/css"><!--
  pre { 
    background-color:yellowgreen; 
    font-family:verdana; 
    color:skyblue; 
    font-size:80%;
  }
//-->
</style>

Mehr zum Thema pre erfahren Sie in Blockorientierte Elemente in HTML. Die Beschreibung des Tag pre lesen Sie in der HTML Referenz unter <pre>.

Wechsel der Hintergrundfarbe bei Hover von Tag center

Die Hintergrundfarbe soll sich von Farbe yellowgreen auf Farbe skyblue ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Darstellung von <center> in Farbe yellowgreen vor.

Wir legen als Beispiel bei <center> die Hintergrundfarbe auf Farbe yellowgreen fest.

<style type="text/css"><!--
  center { 
    background-color:yellowgreen;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf skyblue gesetzt wird.

<style type="text/css"><!--
  center: hover { 
    background-color: skyblue;
  }
//-->
</style>

Mehr zum Thema center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Befehl center ist in der HTML Referenz bei <center> ausführlich beschrieben.