Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffefd5 und Farbwert #87cefa

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 #ffefd5			Schriftfarbwert #87cefa
Detail	:	Hintergrund #ffefd5	Detail	:	Schrift #87cefa
Farbwert	:	#ffefd5	Farbwert	:	#87cefa
Farbe	:	papayawhip	Farbe	:	lightskyblue
HTML	:	#ffefd5	HTML	:	#87cefa
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#87cefa
CSS	:	#ffefd5	CSS	:	#87cefa
CSS (Wert)	:	#ffefd5	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#ffefd5	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(255,239,213)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(100%,93%,83%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbwert #ffefd5 nach Schriftfarbwert #87cefa
#ffefd5	#edeada	#dce5df	#cbe0e4	#badcea	#a9d7ef	#98d2f4	#87cefa
#ffefd5	#edeada	#dce5df	#cbe0e4	#badcea	#a9d7ef	#98d2f4	#87cefa

Kombination von #ffefd5 und #87cefa
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #ffefd5 ist #87cefa ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #87cefa und #ffefd5 ergibt sich zu 92.78%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.22%.

Hintergrundfarbwert #ffefd5				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffefd5	#ffefd5	#ffefd5	#ffefd5	#87cefa	#87cefa	#87cefa	#87cefa
#fff1db	#fff1db	#daccb6	#daccb6	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#fff3e1	#fff3e1	#b6aa98	#b6aa98	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#fff5e7	#fff5e7	#918879	#918879	#bae3fc	#bae3fc	#4d758e	#4d758e
#fff8ed	#fff8ed	#6d665b	#6d665b	#cbeafc	#cbeafc	#39586b	#39586b
#fffaf3	#fffaf3	#48443c	#48443c	#dcf1fd	#dcf1fd	#263a47	#263a47
#fffcf9	#fffcf9	#24221e	#24221e	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffefd5 und Farbwert #87cefa

Wechsel der Hintergrundfarbe bei Hover bei Befehl address

Die Hintergrundfarbe soll sich von Farbwert #ffefd5 auf Farbwert #87cefa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbwert #ffefd5 vor.

Zum Beispiel legen wir bei <address> die Hintergrundfarbe auf Farbwert #ffefd5 fest und setzen die Größe der Schrift auf 128%.

<style type="text/css"><!--
  address { 
    font-size: 128%; 
    background-color: #ffefd5;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #87cefa gesetzt wird.

<style type="text/css"><!--
  address: hover { 
    background-color: #87cefa;
  }
//-->
</style>

Weiteres zu address lesen Sie in Blockorientierte Elemente in HTML. Einzelheiten vom HTML-Tag <address>.

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

Die Textfarbe soll sich von Farbwert #ffefd5 auf Farbwert #87cefa ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst die Formatierung von <blockquote> in Farbwert #ffefd5 vor.

Hier legen wir die Textfarbe von <blockquote> auf Farbwert #ffefd5 fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 12pt:

<style type="text/css"><!--
  blockquote { 
    font-size: 12pt; 
    font-family: monospace; 
    color: #ffefd5;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #87cefa ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:#87cefa;
  }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten des hier genutzten HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.